背景-正文中的图像:在IE上之前不工作
背景-正文中的图像:在IE上之前不工作
提问于 2015-03-31 20:39:16
我已经创建了一个网页设计，使用body:body标签来‘拆分’设计，类似于WordPress (https://wordpress.org/themes/twentyfifteen/)的TwentyFifteen主题。
但是我使用的不是“左”列的颜色，而是图像。代码在所有浏览器(Chrome、FF、Safari)中都能正常工作，但在IE (版本9-11)中就不行了。
CSS看起来像这样：
body::before {
background: url("img/back-left.jpg") no-repeat center top ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
content: "";
display: block;
height: 100%;
min-height: 100%;
position: fixed;
top: 0;
left: 0;
width: 30%;
z-index: 1;
}效果:当用IE打开页面时，背景图片不显示。当我转到一个子站点时，图片正在显示。当我转换浏览器窗口时，图片正在显示。当我在IE Dev工具栏中更改任何内容(不管是什么)时，图片都会显示出来。
如果我使用背景颜色而不是背景(或背景图像)，它在IE上工作得很好。
有什么想法吗？我觉得这听起来像是渲染的东西。背景图像渲染得太晚了，所以没有显示出来(相反，我会与页面上的所有内容交互)。但是如何修复它呢？
回答 1
Stack Overflow用户
发布于 2015-04-01 16:14:30
我找到了一个“解决方案”，但它遇到了另一个问题。;-)
当我设置
html, body { overflow: auto; }然后，背景图像可以在IE 10和IE 11中正常显示。但现在我遇到了IE 11的平滑滚动问题(使用鼠标滚轮时，背景图像会跳过所有地方。使用滚动条时，它工作得很好)。无论如何，这个变种对我来说更好，总比不显示背景图像要好。因此，我仍然希望，微软纠正了平滑滚动错误。
我在CodePen中做了一个改正：http://codepen.io/anon/pen/rabMMm
(这是最初的CodePen代码：http://codepen.io/anon/pen/qEwEVy)
或者有人知道解决IE中平滑滚动问题的解决方案？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29368908
复制相关文章
相似问题
腾讯云开发者
