Rumah > hujung hadapan web > tutorial css > CSS缩小窗口时背景图出现右侧空白解决方法

CSS缩小窗口时背景图出现右侧空白解决方法

高洛峰
Lepaskan: 2017-03-27 17:32:36
asal
2631 orang telah melayarinya

小窗口时CSS背景图出现右侧空白BUG的解决方法(兼容各浏览器)

CSS缩小窗口时背景图出现右侧空白解决方法

解决办法:

在css内加入如下两行代码,让它自己判断:

width:expression(document.body.clientWidth <= 960? "960px": "auto");
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;
}
Salin selepas log masuk

ok,这个bug终于解决了。

Atas ialah kandungan terperinci CSS缩小窗口时背景图出现右侧空白解决方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan