html - 无法让 2 个 CSS3 行为在 IE8 上同时工作

Question

我正在尝试使用 .htc 文件在 IE8 上获得 CSS3 行为

所以我在同一个元素上应用了两件事（圆角和渐变）

但由于某些原因，我无法让两种效果同时工作......应用了渐变，但没有应用圆角。如果我单独应用该类（即仅圆角或仅渐变），它会起作用。

您可以在http://uiux.atwebpages.com/skeletal.html看到该页面 （参见课程/课程 divs）

请帮我。

Answer 1

如果不查看您的 CSS 代码就无法判断，但您的 CSS 中可能存在语法错误，导致其中一个失败。要确认这一点，请在失败的属性正下方添加一个属性，您应该会看到它没有效果。

编辑：这在 IE8 中不起作用，但它也不会导致我的 CSS 在 IE8 中中断。

border-radius: 10px;

微软也有其专有的渐变工具：

filter:progid:DXImageTransform.Microsoft.gradient(...);

但显示渐变的最佳方法是在 Photoshop 上绘制一个，然后将宽度剪切为 1px 并将该图像用作背景图像。