内容 div 阴影未显示 [关闭]答案

【问题标题】：The content div shadow is not displaying [closed]内容 div 阴影未显示 [关闭]
【发布时间】：2012-12-27 16:54:38
【问题描述】：

这是我最近项目中的代码，因为我是新手，所以此代码可能缺乏一些标准。

没有特色滑块的html示例页面

我为阴影定义的类被命名为'sawli'

代码 HTML

<div id="container-o">
<!-- Start of Main -->
<div id="main" class="sawli">
<div id="content">
<h1>Welcome to SEOCrust</h1><hr />
<p>This is a Parragraph Text</p>
</div>
</div><!-- End of Main -->

为此的 CSS

#container-o{ /*Main container*/
    width:70%;
    display:block;
    padding:0;
    margin-top:-280px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
#container-o p{
    font-size:18px;
}

#main{
    height:100%;
    width:100%;
    margin:20px auto;
    border:0px;
    padding:10px 10px 10px 10px;
}
.sawli {
    box-shadow:6px 0 4px  -4px #222 , -6px 0 4px  -4px #222;
    -moz-box-shadow:6px 0 4px  -4px #222 , -6px 0 4px  -4px #222;
    -webkit-box-shadow:6px 0 4px  -4px #222 , -6px 0 4px  -4px #222;    
}
#main #content{
    float:left;
    padding:0;
    position:relative;
}

这是我的代码的 sn-p。

请帮助我！

【问题讨论】：

无法访问链接，因为我位于公司防火墙后面。
@PraveenKumar 你不应该也访问 StackOverflow.. 回去工作..lol
@Mr.Alien 只有这方面的知识... :P 是的，我的人限制我使用 StackOverflow。让我们处理它！ :P
@PraveenKumar 在这里相同：p
请不要使用文件共享器向我们展示代码。将相关代码粘贴到这里，最好是宽度为fiddle

标签： html css

【解决方案1】：

您正在为同一个 div 使用两个 id。尝试将 id="sawli" 更改为 class="sawli"，然后更改您的 CSS：

#sawli { ... }

到

.sawli { ... }

您不能在同一个对象上使用两个标识符。但是你可以结合一个标识符和一个类。

能否请您在此处复制您的代码，以便我们更好地查看而不是下载您的代码？

看这个：

http://jsfiddle.net/CDe3E/

其实你可以去掉一些员工：

http://jsfiddle.net/CDe3E/1/

看看是不是你想要的。

【讨论】：

我同时使用了 id 和 class 但什么也没发生。
我已经编辑了我的帖子，请看一下。
看看我为你做的这个 jFiddle：jsfiddle.net/CDe3E
感谢 Sonhja。我刚刚删除了不必要的容器 div，并且只对这些 div 应用了重要的属性。再次感谢！