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

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

解决办法：

在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;

}

ok，这个bug终于解决了。

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

CSS缩小窗口时，背景图出现右侧空白相关推荐

html 图片右侧空白,CSS缩小窗口时，背景图出现右侧空白
CSS让背景平铺的代码 repeat-x ,也就是沿着X方向重复下去(横向平铺): repeat-y (纵向平铺){ background-p_w_picpath: url 关于宽度自适应,已经是前段 ...
缩小窗口时CSS背景图出现右侧空白BUG的解决方法
页面容器(#wrap)与页面头部(#header )为100%宽度.而内容的容器(#page)为固定宽度960px.浏览窗口缩小而小于内容层宽度时会产生宽度理解上的差异.如下图所示窗口宽度大于内容层宽 ...
android 背景图遮罩,通过css使用background-color为背景图添加遮罩效果
一个div同时设置background-color和background-image的话,color是处于img层下方的,无法实现遮罩效果,所以需要再创建一个div作为其子div,然后设置子div的背 ...
全屏css,CSS之全屏背景图
吐槽啦:Yeah 明天就是国庆了o(*￣▽￣*)o!哈哈,提前祝福各位园友国庆快乐.假期愉快.生活美满.天天开心!国庆我要回家一趟,把一些不用的东西带回家,走访一下亲朋好友,在家打几天酱油~~~ 言 ...
css设置备用 background背景图
css设置备用 background背景图有时需要给容器设置一个备用背景图片比如需求:服务器上的背景图文件不一定存在,存在的话显示服务器上的图片,不存在的话则显示''备用''背景图(补位图片) ...
html背景图片不完全填充,background-size为100% 100%时背景图填充不完整
老项目中使用了绝对定位的背景图,拼接显示一张大图,由于绝对定位时使用了百分比,在全屏显示时,两图之间出现了条空白的先. 问题原以为是百分比计算有问题,实际发现,并不是计算的问题,只是图形的宽高都是有 ...
photoshop 锐利 css,Photoshop CSS网页制作的背景图主题的引用样式
先来看图: 如何实现这样的效果呢? 首先,要准备一张这样的图片: 如何做出这样的图片呢? 一.打开Photoshop,新建一个640×480像素的文档二.新建图层,按D键将前景色和背景色恢复为前黑后 ...
ImageView点击时背景图修改（简单方法）
在使用ImageView时,当被点击时,希望背景图修改一下,这样显示被点击效果明显一些.在这里,一个很简单的方法,最起码是个很清晰的方法.在res/drawable文件夹下创建一个xml文件.比如my ...
【CSS】div的背景图完整图片覆盖
最初的代码: 1 .container_first { 2 width: 100%; 3 height: 100%; 4 background: url(10176581.jpg); 5 backgr ...

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

CSS缩小窗口时，背景图出现右侧空白相关推荐

最新文章

热门文章