gpt4 book ai didi

css - CSS3 背景的最佳实践和对旧浏览器的支持?

转载 作者:太空狗 更新时间:2023-10-29 12:38:02 24 4
gpt4 key购买 nike

我和我的同事在为 ie6 和 ie7 支持我们正在构建的站点决定最佳实践方法时遇到了困难。该网站面向年长人群,因此不支持这些浏览器是不可能的。

与此同时,我们正在尝试开始将现代编码实践融入我们的工作中,以便我们能够获得实践并充分理解功能。我想与你们讨论的一个特定领域是处理 CSS3 背景的回退。

如果我们要使用 CSS3 背景并且不为背景添加无关的包装标签,我们在这里有 2 个选择:

  • 使用 :after、:before 等伪元素为元素添加多个背景。 (这是我们现在做出的选择)
  • 使用CSS3多背景规范

这会产生更优雅的标记,并且无疑是朝着正确方向迈出的一步。但是不支持这些功能的浏览器呢?

Modernizr.js告诉我们检查特定支持,然后编写回退:

Modernizr.load({
test: Modernizr.geolocation,
yep : 'geo.js',
nope: 'geo-polyfill.js'
});

但是,我们没有就特定功能的实际回退提供太多指导。那么,对于 CSS3 背景之类的情况,什么是有效的后备策略?

我们(例如)是否会使用 jQuery 将我们需要的那些额外标签(即 btn-container、nav-container 等)包裹在导航项、按钮和容器周围,以便有额外的元素来添加样式属性?

最佳答案

关于 CSS3 multiple backgounds 和/或 background gradients 我认为有一种方法比您提出的方法更好:CSS3 Pie .

这样您就可以在 IE6、7 和 8 中使用所有这些不错的效果(还包括 border-radious)无需任何 JavaScript 干预。 p>

关于css - CSS3 背景的最佳实践和对旧浏览器的支持?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6346864/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com