内容与绝对位置不显示在所有浏览器

我正在建设一个网站与wordpress +门架框架，选择响应布局，我在屏幕左侧的背景上方一张图片。该左图像（某种垂直侧边栏withouth的其他内容）的绝对与下一个代码定位：内容与绝对位置不显示在所有浏览器

div.imgleft{ 
content: url('http://coszminart.ro/wp-content/uploads/2014/02/laterala.png'); 
position: absolute; 
margin-left: 0px; 
margin-top: -1px; 
max-height: 1020px; 
height: 100%; 
max-width: 570px; 
background-size: cover; 
z-index: 1000 !important; 
}

我插入上述报头中的div.imgleft，在模板的index.php 该问题：左图像是没有在iexplore 10,11中显示最新的mozilla，只是在Chrome和Android手机上。如果我使用chrome/firefox检查工具进行验证，那么css代码会加载正常。我读过绝对定位是跨浏览器兼容，为什么不工作，是我的代码错了？！[输入图片描述] [1]

感谢您的任何帮助，对不起的英语感到抱歉。

来源

2014-02-06 user3278245

content属性与：before和：after伪元素一起使用，以插入生成的内容。

所以使用

background-image : url('http://coszminart.ro/wp-content/uploads/2014/02/laterala.png');

，而不是内容

这里正在拨弄http://jsfiddle.net/krunalp1993/Az5GG/1/

来源

2014-02-06 06:43:49

打招呼。如果我使用背景图像，图像不会在任何浏览器中显示。它只是与内容一起工作。我发现需要：之前，之后，但在介绍它们之后，左侧图像对窗口大小没有反应，只是在最大高度。请在http://www.coszminart.ro上输入以了解。谢谢。 – user3278245

你检查了小提琴吗.. 你需要给div分配宽度.. –

谢谢，小提琴加载速度太慢，我以为它不工作。问题解决:) – user3278245

内容与绝对位置不显示在所有浏览器

回答

相关问题