html - 更简单的跨浏览器 CSS3 特性

标签 html css

<分区>

要将 box-shadow 添加到 HTML 元素,我目前必须这样做:

box-shadow: 2px 2px 3px #969696;<br/> -moz-box-shadow: 2px 2px 3px #969696;<br/> -webkit-box-shadow: 2px 2px 3px #969696; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);

在这一点上,在我看来,在网络的现阶段,如此多的简单渐变代码量是荒谬的。更不用说维护时间了——如果我想更改颜色,我必须为每个供应商前缀更改四次。 (这也适用于 CSS3 渐变之类的东西)。

什么是更好、更优化的简单处理方法?我知道有很多非标准修复程序,例如 CSS3 Pie ,但根据我的经验,它们需要很长时间才能加载,而且我仍然需要为 Firefox 和 Webkit 编写代码。我是否需要求助于服务器端代码来执行此操作?我真的很沮丧地使用看起来很笨拙的冗余代码。

最佳答案

您可以使用以下任何一种方法来减轻您的悲伤:

动态样式表语言/CSS 扩展

CSS 3 生成器

关于html - 更简单的跨浏览器 CSS3 特性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5347077/

相关文章:

javascript - 通过键盘的 slider 动画不起作用(javascript 和 CSS)

php - 让 MySQL 列从多个选择中更新

html - margin 底部不起作用

css - 在 css 中使用 not() 伪类的替代方法

javascript - 阻止具有特定 url 的脚本

jquery - 如何设置页脚响应?

css - 在具有 id 的 div 中选择带有类的 div

javascript - 带有关闭选项的粘性框

html - 消除渲染阻塞资源(灯塔)

html - Safari 中的布局问题