1

抱歉，如果之前可能已经回答过这个问题，但我真的可以针对特定情况给出具体答案。除了基本的 css 之外，我对任何东西都很陌生。

描述我的意思的最佳方式是在各种浏览器中查看该站点。http://www.livingwithaddicts.com/ 。

我使用 Joomla CMS (version2.5) 为慈善机构整理了这些内容。

如果您在 Firefox 中查看该站点，它（目前还没有完成）它的外观是这样的。除了在 Opera 中一些容易解决的定位问题外，它在 Chrome 中很好并且可以通过。

然后我们进入 IE，我刚刚添加了背景：#485fc5; 让它按我想要的方式部分渲染，并将做同样的事情来获得表格上的 bg。

我想探索一些其他的样式设置方式，以便在 IE 中看起来可以接受。我不想走用图形替换渐变或文本阴影的路线。

是否有一组仅在有人在 IE 中查看时才调用的 CSS？如果是这样，我该怎么做？这就是所谓的黑客攻击吗？

其他可能性是，当我使用 Joomla 时，我不得不将一些内联样式放入特定内容中，我认为某些生成的代码可能会被弃用和/或有点混乱。这会影响它的渲染方式吗？

此外，我匆匆（懒惰地）c&p了一大块css并修改了十六进制值以将其合并到我现有的css中。（对于现在不赞成而叹息的人，我道歉）这可能不是最新的语法，我只是前几天听说过 webkit，所以这就是我的新手。

我会把它贴在这里，希望不会让自己太尴尬。如果有人喜欢看（或笑），请这样做。我真的很感激任何建议。这是代码。

body {
    background:  #485fc5;       
    background-image: linear-gradient(bottom,  #485fc5 13%, #6e86ee 57%, #a0b0f5 79%);
    background-image: -o-linear-gradient(bottom, #485fc5 13%, #6e86ee 57%, #a0b0f5 79%);
    background-image: -moz-linear-gradient(bottom,  #485fc5 13%,#6e86ee 57%, #a0b0f5 79%);
    background-image: -webkit-linear-gradient(bottom,  #485fc5 13%,#6e86ee 57%, #a0b0f5 79%);
    background-image: -ms-linear-gradient(bottom,  #485fc5 13%, #6e86ee 57%, #a0b0f5 79%);
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.13, #485fc5),
    color-stop(0.57, #6e86ee),
    color-stop(0.79, #a0b0f5));
}
4

1 回答 1

1

这不是对您问题的具体答案，但它应该对您有所帮助。

要定位不支持特定功能的浏览器，请使用Modernizr。它不会让您专门针对 IE，但它会向 body 标记添加类，指示是否支持某些属性。然后，您可以通过以下方式使用该类来定位那些：

/* target browsers that don't support gradients */
.no-cssgradients {
   background-image: url(some-gradient-image);
}

/* a randomly chosen element on a page that doesn't support border radius */
.no-cssborderradius #some-element {
  border: 1px solid red;
}

这样，您不仅可以定位 IE，还可以定位其他无法处理渐变、半径或许多其他 css 属性的浏览器。

此外，对于简单的渐变、边框半径和框阴影，您可以使用CSS3 PIE，这将使您能够在 IE（6 及更高版本）中使用这些功能。

于 2012-04-12T12:29:39.297 回答