CSS缩小窗口时,背景图出现右侧空白

简介:

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



解决办法:

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

width:expression(document.body.clientWidth <= 960? "960px": "auto");
min-width:960px;

即:

1
2
3
4
5
6
7
8
9
. 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,这个bug终于解决了。



      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/1252357,如需转载请自行联系原作者






相关文章
|
7月前
|
Web App开发 前端开发 安全
CSS背景图和HTML的<img>标签怎么选?
CSS背景图和HTML的<img>标签怎么选?
101 0
|
JavaScript 前端开发
vue 部署项目,访问页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))
vue 部署项目,访问页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))
2823 0
vue 部署项目,访问页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))
|
前端开发 开发者
CSS必学:元素之间的空白与行内块的幽灵空白问题
CSS空白现象就是非常常见的问题之一。虽然它已经被发现很久,但仍然有许多新手和经验丰富的开发者们忽略了它对页面布局的影响。我们一起来看看吧!
246 4
CSS必学:元素之间的空白与行内块的幽灵空白问题
|
6月前
|
移动开发 前端开发 HTML5
有关CSS中排版常见问题(清除默认样式问题 + 元素居中问题 + 元素之间的空白问题 + 行内块的幽灵空白问题)
有关CSS中排版常见问题(清除默认样式问题 + 元素居中问题 + 元素之间的空白问题 + 行内块的幽灵空白问题)
|
5月前
|
移动开发 前端开发 HTML5
css 幽灵空白节点
css 幽灵空白节点
36 0
|
前端开发
通过构建背景图学习CSS径向渐变
通过构建背景图学习CSS径向渐变
70 0
|
前端开发
|
前端开发 JavaScript Windows
js实现body背景图自动扩缩 光靠css几乎无法实现这样的效果
js实现body背景图自动扩缩 光靠css几乎无法实现这样的效果
201 0
js实现body背景图自动扩缩 光靠css几乎无法实现这样的效果
|
前端开发
css:input数字编辑框number去掉右侧上下箭头
css:input数字编辑框number去掉右侧上下箭头
375 0
css:input数字编辑框number去掉右侧上下箭头
html+css实战170-css精灵-背景图的缩放
html+css实战170-css精灵-背景图的缩放
120 0
html+css实战170-css精灵-背景图的缩放