我已经阅读了与此相关的其他帖子但对自己没有太多帮助,所以我在这里问。
我的CSS
与IE8
,Chrome
和Safari
的效果非常好,但不适用于Firefox
和Opera
body
{
background:FFFFCC;
font: bold 11px/1.5em Verdana;
}
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}
#tabs {
float:left;
width:100%;
background:#BBF5F6;
font-size:100%;
line-height:normal;
}
#tabs ul {
margin:0;
padding:10px 10px 0 10px;
list-style:none;
}
#tabs li {
display:inline;
margin:0;
padding:0;
}
#tabs a {
float:left;
background:url("space.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs a span {
float:left;
display:block;
background:url("complete.gif") no-repeat right top;
padding:5px 5px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
color:#FFF;
}
#tabs a:hover {
background-position:0% -42px;
}
#tabs a:hover span {
background-position:100% -42px;
}
我正在将ASP.NET
用于我的项目。有什么我想念的吗?
Chrome中的Css
FF中的Css
答案 0 :(得分:0)
background:#FFFFCC;
#tabs a span { *float:none;}
答案 1 :(得分:0)
body
{
background:FFFFCC;
font: bold 11px/1.5em Verdana;
}
答案 2 :(得分:0)
最后我得到了解决方案。 OMG多么愚蠢我只使用\
代替/
来将css
链接到我的页面。这与其他浏览器一起使用没有任何问题,并且在Opera
和FireFox
上遇到了麻烦。对不起这个愚蠢的家伙。