CSS 不适用于 Opera 和 Firefox?
我读过与此相关的其他帖子,但对自己了解不多,所以我在这里问。
我的 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
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
Css in FF
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
最后我得到了解决方案。天哪,我多么愚蠢,只使用
\
而不是/
将css
链接到我的页面。这与其他浏览器一起工作没有任何问题,但在Opera
和FireFox
上却遇到了麻烦。对不起大家,这个愚蠢的人。Finally I got the solution. OMG how stupid I'm was using just
\
for instead of/
for link thecss
to my page. And this was working with others browsers without any problem and making trouble onOpera
andFireFox
. Sorry guys for this stupid one.