【问题标题】:I would like my page to look the same in all browsers [closed]我希望我的页面在所有浏览器中看起来都一样[关闭]
【发布时间】: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


【解决方案1】:

在为旧版浏览器设计时,您需要确保它支持您尝试实现的特定功能。从您发布的内容中可以使用的内容不多,但您很可能无法获得所需的文本阴影。 IE 8 不支持文本阴影 (http://caniuse.com/#search=text-shadow)。

使用上面的网站检查功能支持。祝你好运。

【讨论】:

    猜你喜欢
    • 2012-07-12
    • 1970-01-01
    • 1970-01-01
    • 2013-03-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-24
    • 2011-06-08
    相关资源
    最近更新 更多