CSS不适用于Opera和Firefox?

时间:2011-10-11 04:14:05

标签: asp.net css cross-browser

我已经阅读了与此相关的其他帖子但对自己没有太多帮助,所以我在这里问。

我的CSSIE8ChromeSafari的效果非常好,但不适用于FirefoxOpera

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 enter image description here

FF中的Css

enter image description here

3 个答案:

答案 0 :(得分:0)

background:#FFFFCC;

#tabs a span { *float:none;}

答案 1 :(得分:0)

body 
{
    background:FFFFCC;
    font: bold 11px/1.5em Verdana;
}
  1. 您应该使用背景颜色而不是背景
  2. 颜色代码必须以 开头,因此请将代码从 FFFFCC 更改为 #FFFFCC 即可。

答案 2 :(得分:0)

最后我得到了解决方案。 OMG多么愚蠢我只使用\代替/来将css链接到我的页面。这与其他浏览器一起使用没有任何问题,并且在OperaFireFox上遇到了麻烦。对不起这个愚蠢的家伙。