6

私はtdタグを持っています:

<td class="np-logo" style="width: 228px; height: 50px;">
                                            </td>

そしてCSS：

.np-logo
{
background-repeat: no-repeat;
background-size: 100%;
}

そして、会社のロゴに従って画像を変更しています。すべての画像は、サイズと幅が異なります。

.np-logo{background-image:url('" + companylogo + "');

問題は、画像が td に正しく収まっていないことです.td 全体を占めるようにしたいのですが、すべての会社で背景画像の位置が均一ではありません.コンテナに収まるように、画像の読み込み時に Java スクリプトを使用してみました. しかし、うまくいきませんでした。

みんな助けて…？

4

3 に答える 3

8

試す

background-size: 100% 100%;

最初の値は幅、2 番目の値は高さです。

このリンクをたどると、詳細を知ることができます

于 2013-03-21T09:21:04.017 に答える
1

試しましたcoverか？

.np-logo {
    background-repeat: no-repeat;
    background-size: cover;
}
于 2013-03-21T08:18:24.257 に答える
0

これを試して ：

<td class="np-logo" style="max-height: 100%; max-width: 100%">

またはこれ

<td class="np-logo" style="max-height: 228px; max-width: 50px">
于 2013-03-21T08:21:30.847 に答える