背景图片的div的定位

Question

请原谅，如果在下面的代码或我的问题有任何错误，我不知道很多关于代码，但正在学习:)。对不起，链接中的空间和缺乏这些东西 - < - 真正挣扎的发布代码:)

在我的网站http：// second to nature .co.uk/en /我试图创建具有常春藤色的背景图片网站的双方。它是一个prestashop网站吗？

我确实设法用下面的css代码实现了这一点，但它不能在ie 6-8中工作 - 因为这些浏览器不支持css3。

background:url(http:// second to nature.co.uk/img/backgroundleft.jpg) top left fixed 
no-repeat, url(http:// second to nature.co.uk/img/backgroundright.jpg) top right fixed no-repeat; 

因此，一些经过研究，我试图用两个div创造想要的效果：

<div id="container"> 
    <div id="inner-container"> 
    </div> 
</div> 

然后用下面的CSS来实现这一点。

正如你可以看到，如果你访问该网站，左侧图像显示正确，但右侧不显示。

#container { 
    background: url(http:// second to nature.co.uk/img/backgroundleft.jpg) repeat-y; 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width: 130px; 
    height: 1000px; 
} 
    #inner-container { 
    background: transparent url(http:// second to nature.co.uk/img/backgroundright.jpg)) repeat-y; 
    position: fixed; 
    top: 0px; 
    right: 0px; 
    width: 130px; 
    height: 1000px; 
} 

任何人都可以看到我哪里出错或有修复？帮助将不胜感激。

非常感谢

Answer 1

您的CSS一个错字：

url(http://secondtonature.co.uk/img/backgroundright.jpg)) 

有一个在URL的最后一个双）），那里应该只有一个。

然而，你的HTML都搞砸了，还有更好的方法来做到这一点。首先，你的body元素中有一大堆meta标签和其他资源链接，当它们都应该在head中时。

一个更好的方法来做到这一点将是围绕你的内容包装两个div（默认情况下它们将是100％宽度），并将bg图像放在每个图像上。

Answer 2

您可以使用Modernizr，然后使用我们的CSS3边框图像。然后边框图像将显示在IE6,7和8中。

您有IE6用户担心的耻辱。这是一个糟糕的，错误的和不安全的浏览器。

http://modernizr.com/