css背景大小以及图像位置都会失败

| 好的,对于我的网站,用户/成员可以选择上传/链接自定义图像以用于我的网站的起始页。几乎所有支持背景大小的新浏览器都可以正常运行。但是,如果浏览器不支持css3 background-size,则不会用图像填充整个div部分。 昨天,我有机会在25英寸的显示器上测试我的网站,结果发现图像显示部分出现故障。最终发生的是图像向左移动。 今天检查代码,我忘记了我在“ background-position:top left; \”中有这行,但是我记得为什么在添加“顶部中心”或仅“顶部”时将其留在代码中”的背景仍然显示,但是左侧有6-10像素的白色缺口。我尝试使用left:0px;但由于我使用的是位置,因此无法正常工作:固定;如果我将其更改为position:absolute,它将显示完整图像,最终在底部创建一个滚动条。 这是我目前正在使用的CSS部分的代码
#cpBackgroundImg  { 
background-repeat: no-repeat;
background-clip: border-box;
background-origin: padding-box; 
background-attachment: fixed;
background-position: top left;
position:fixed;
z-index:-10;
margin-right: 0px;
margin-left: 0px;
background-size:100%;
}
这是实际显示图像的代码的另一部分
<div style=\"display: block; opacity: 0.99999; width: 1600px; height: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(<?php echo base64_decode($_COOKIE[\'phx_utmc_session\']); ?>);\" id=\"cpBackgroundImg\"></div>
有人可以告诉我如何解决此问题吗? - 谢谢 http://jsfiddle.net/Hnwjg/6/     
已邀请:
        
width: 1600px;
您测试过的那台显示器的分辨率是否大于1600?如果是这样的话,div看起来就是将图片的宽度限制为1600。这意味着图片的右侧会出现空白吗? 只是一个想法。     

要回复问题请先登录注册