CSS 不适用于 Opera 和 Firefox?

发布于 2024-12-09 13:24:05 字数 1593 浏览 0 评论 0原文

我读过与此相关的其他帖子,但对自己了解不多,所以我在这里问。

我的 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 在此处输入图像描述

FF 中的 CSS

在此输入图像描述

I've read other posts related to this but not get much for myself so I'm asking it here.

My CSS is working very well with the IE8, Chrome and Safari but doesn't work with the Firefox and 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;
    } 

I'm using this with the ASP.NET for my project. Is there anything that I'm missing.

Css in Chrome
enter image description here

Css in FF

enter image description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

不必在意 2024-12-16 13:24:05
body 
{
    background:FFFFCC;
    font: bold 11px/1.5em Verdana;
}
  1. 您应该使用背景颜色而不是背景
  2. 颜色代码必须以 # 开头,因此请将代码从 FFFFCC 更改为 #FFFFCC
body 
{
    background:FFFFCC;
    font: bold 11px/1.5em Verdana;
}
  1. You should use background-color instead of background.
  2. Color code must be start with # so change your code from FFFFCC to #FFFFCC.
ゞ花落谁相伴 2024-12-16 13:24:05

最后我得到了解决方案。天哪,我多么愚蠢,只使用 \ 而不是 /css 链接到我的页面。这与其他浏览器一起工作没有任何问题,但在 OperaFireFox 上却遇到了麻烦。对不起大家,这个愚蠢的人。

Finally I got the solution. OMG how stupid I'm was using just \ for instead of / for link the css to my page. And this was working with others browsers without any problem and making trouble on Opera and FireFox. Sorry guys for this stupid one.

诗笺 2024-12-16 13:24:05
background:#FFFFCC;

#tabs a span { *float:none;}
background:#FFFFCC;

#tabs a span { *float:none;}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文