CSSを使用してウィンドウを縮小したときに背景画像の右側が空白になる問題の解決方法

高洛峰
リリース: 2017-03-27 17:32:36
オリジナル
2591 人が閲覧しました

ウィンドウが小さいときにCSS背景画像の右側が空白で表示されるバグの解決策(すべてのブラウザに対応)

CSSを使用してウィンドウを縮小したときに背景画像の右側が空白になる問題の解決方法

解決策:

次の2行のコードをCSSに追加し、CSSに判断させますそれ自体:

width:expression (document.body.clientWidth min-width:960px;

つまり:

.top{
    border:0px solid #f00;
    width:expression(document.body.clientWidth <= 960? "960px": "auto");
    min-width:960px;
    height:29px;
    margin:0px;
    padding:0px;
    url(.. /img/topbar.png) repeat-x;
}
ログイン後にコピー

OK、このバグは最終的に解決されました。

以上がCSSを使用してウィンドウを縮小したときに背景画像の右側が空白になる問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート