-4

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

没有特色滑块的 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;
}

这是我的代码片段。

请帮我!

4

1 回答 1

1

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

#sawli { ... }

.sawli { ... } 

不允许在同一个对象上使用两个标识符。但是您可以将标识符和类结合起来。

您能否在此处复制您的代码,以便我们比下载您的代码更好地查看?

看到这个:

http://jsfiddle.net/CDe3E/

实际上你可以删除一些员工:

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

看看这是不是你想要的。

于 2012-12-26T10:25:31.233 回答