Question

好吧我正在尝试制作一个隐藏的背景但仍然只显示在主要内容页面上，我想要主要内容本身的其他背景，但它只是不工作主背景工作正常不是内容背景，任何人都可以帮助我吗？

body {
    margin: 0px auto 0px; 
    padding: 0px;
    overflow-x:hidden;
    background: #9fddf9 url(http://www.unwritten-quotes.com/images/bgfall.jpg) top center no-repeat fixed;
    width: 990px; 
    color: #000000; 
    font-size: 11px; 
    font-family:  Tahoma;
    letter-spacing:1px; 
    line-height:15px; 
}   

#shell {
    margin: 0px auto 0px; 
    padding: 0px;
    background: #91d8f4 url(http://unwritten-quotes.com/images/bg.gif) center repeat-y; 
    width: 990px;
}

Answer 1

您需要为#shell {height:500px}

指定高度

在这里你可以看到演示

http://jsfiddle.net/7jW8y/14/

Answer 2

您是否已将任何内容添加到#shell？如果您没有为div定义任何高度和/或它没有任何内容，那么它将不会显示..

<style>
body {margin: 0px auto 0px; padding: 0px;overflow-x:hidden;background: #9fddf9 url(http://www.unwritten-quotes.com/images/bgfall.jpg) top center no-repeat fixed;width: 990px; color: #000000; font-size: 11px; font-family:  Tahoma;letter-spacing:1px; line-height:15px; }    
#shell {margin: 0px auto 0px; padding: 0px;background: #91d8f4 url(http://unwritten-quotes.com/images/bg.gif) center repeat-y; width: 990px;}

</style>
<body>

<div id="shell">CONTENT</div>
</body>
</html>

或者将height:100px;/*or what ever hight you want*/添加到#shell

CSS代码不起作用

2 个答案: