【发布时间】:2014-01-07 09:19:33
【问题描述】:
如何让这个 CSS 在 IE 8 中工作?
我使用它从我的 html 文档中调用(不重复编码 - 节省空间):
<style type="text/css">
<!--
@import url("default.css");
-->
</style>
这是“default.css”的样子:
body {
background-image: url(/images/31.jpg);
background-repeat: repeat;
background-attachment: fixed;
background-color: #000;
background-position: center;
}
body,td,th {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #F0F;
font-size: 22;
text-shadow: 2px 2px 2px #000, -2px -2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000;
}
a:link {
color: #FFF;
text-decoration: none;
text-shadow: 2px 2px 2px #000, -2px -2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000;
}
a:visited {
text-decoration: none;
color: #FFF;
text-shadow: 2px 2px 2px #000, -2px -2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000;
}
a:hover {
text-decoration: underline, bold;
color: #FFF;
text-shadow: 2px 2px 2px #F0F, -2px -2px 2px #F0F, -2px 2px 2px #F0F, 2px -2px 2px #F0F;
}
a:active {
text-decoration: none;
color: #000;
text-shadow: 2px 2px 2px #F0F, -2px -2px 2px #F0F, -2px 2px 2px #F0F, 2px -2px 2px #F0F;
}
h1,h2,h3,h4,h5,h6 {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
text-shadow: 2px 2px 2px #000, -2px -2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000;
}
它在 Firefox 中看起来很可爱,但在 Explorer 中渲染得不是很好,这真的很烦人,因为我更喜欢统一性!
有什么我可以做的吗?我知道没有多少人会使用旧版本的 IE,但有些人仍然会使用(比如 XP 用户)。
【问题讨论】:
-
就个人而言,我认为您不应该鼓励人们使用旧版本的 IE。也就是说,this 可能会有所帮助。
-
如果您对特定问题有具体问题,请详细询问。仅仅发布你所有的 css 并询问如何让它在 IE 中工作并不是一个很好的问题。
-
不可能在一个问题中解决浏览器之间的众多 CSS 差异。话虽如此,您应该从良好的 CSS 重置开始,以消除特定于浏览器的默认样式。
-
是的,我的问题本质上是文本阴影。由于这显然行不通,我将保持原样,并建议为看不到他们应该做什么的用户升级浏览器。比尝试再写一百行 IE 支持要容易得多!
标签: html css internet-explorer