css - 哪里可以找到跨浏览器、CSS修改器？

Question

对于一些 CSS 样式属性，我们需要所有这些不同类型的方法、技巧和 hack 才能跨浏览器工作。我从来不想成为 IE 专家，并让它工作，不......我想专注于设计美观、实用和用户友好的 Web 应用程序，而不想知道那个圆 Angular 是否会在浏览器 x 和 y 中变圆.

CSS3 甚至 CSS 都无法像预期的那样在 IE7 这样的浏览器中工作(我不喜欢 IE6)，而且人们必须花费大量时间来使它在不同的浏览器上工作，以至于创意概念, 并且网站的实际目标超出了窗口。

是否有制作/变形 CSS/CSS3 以与不支持它的浏览器兼容的解决方案。也许是一个 JavaScript 库？

如果能像这样改变不透明度就好了:

.style { opacity: 0.5; }

不是这样的:

.style {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

...类似于Prefix Free目前不支持IE

那么是否有 JavaScript 库可以根据特定浏览器的需要动态扩展 CSS，同时支持 CSS3 和 CSS3 的 future 验证？

Answer 1

一个想法可能是调查 LESS framework .这是一种面向对象的 CSS 方式。所以要设置不透明度，你会做这样的事情:

.opacity (@opacity) {
    opacity: @opacity;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity*100)";
    filter: alpha(opacity=@opacity*100);
}

然后要使用它，您只需像函数一样“调用它”。

.style {
    .opacity(0.7);
}

输出就像你的第二个代码片段