Question

如何让这个CSS在IE 8中运行？

我用它从我的html文档中调用（不用那种方式重复编码 - 节省空间）：

<style type="text/css">
<!--
@import url("default.css");
-->
</style>

这是＆＃34; default.css＆＃34;看起来像：

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中看起来很可爱，但在资源管理器中它并不能很好地呈现，这真的令人恼火，因为我更喜欢一致性！

我能做些什么吗？我知道很多人仍然会使用旧版本的IE，但有些人仍然会这样做（比如XP用户）。

Answer 1

在设计旧版浏览器时，您需要确保它支持您尝试实现的特定功能。你发布的内容并没有什么用处，但你很可能没有得到你想要的文字阴影。 IE 8不支持text-shadow（http://caniuse.com/#search=text-shadow）。

使用上面的网站检查功能支持。古德勒克。

我希望我的页面在所有浏览器中看起来都一样

1 个答案: