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

2  

About the CSS3 multiple backgounds and/or background gradients I think there is an approach better than those you proposed: CSS3 Pie.

关于CSS3多重背景和/或背景梯度，我认为有一种方法比你提出的更好:CSS3派。

This way you will be able to use all those nice effects also in IE6, 7 and 8 (including also border-radious) without any Javascript intervention.

通过这种方式，您将能够在IE6、7和8中使用所有这些良好的效果(包括边界辐射)，而无需任何Javascript干预。

2  

1. Fail gracefully. Certain complex elements can be hidden with CSS and revealed upon page-load with Javascript depending on the browser as one example.

1。优雅地失败。某些复杂的元素可以隐藏在CSS中，并在页面加载时显示出来，这取决于浏览器的一个例子。

2. Conditional style-sheets or Javascript fixes. Spend a lot of time fixing each problem in each browser and write a style-sheet just for it. Also, you could try various Javascripts that claim to bring older browsers into compliance. I've tried this Javascript but it seemed to conflict with jQuery. CSS Pie is another option to bring rounded corners to older browsers.

2。条件样式表或Javascript修复。花大量时间在每个浏览器中修复每个问题，并为其编写一个样式表。此外，您还可以尝试各种声称使旧浏览器符合要求的Javascript。我尝试过这种Javascript，但它似乎与jQuery发生了冲突。CSS Pie是为旧浏览器带来圆角的另一种选择。

3. Ignore older browsers. Do nothing special for older browsers. People on IE6/7 already see the world differently than everyone else. Alternatively, do nothing special for older browsers but actively avoid overly complex functions & features. Optionally, you can add a nifty "upgrade notification" message with little effort.

3所示。忽略老版本浏览器。对旧浏览器不做任何特殊处理。在IE6/7上，人们对世界的看法与其他人不同。另外，对于老版本的浏览器不做任何特别的事情，而是积极地避免过于复杂的功能和特性。您可以随意地添加一个漂亮的“升级通知”消息，而不需要花费多少力气。

1  

Would we (for example) use jQuery to wrap those extra tags we need (ie btn-container, nav-container, etc.) around nav items, buttons and containers in order to have extra elements to add style attributes to?

我们(例如)会不会使用jQuery将我们需要的额外标签(如btn-container、nav-container等)包装在nav项目、按钮和容器周围，以便有额外的元素添加样式属性?

That is certainly one valid fallback approach. Depending on the design and the elements in question, though, you might find that simply supplying the primary background is enough to yield a decent-looking and perfectly functional, though not visually identical, component.

这当然是一种有效的退步方法。不过，根据设计和相关元素的不同，您可能会发现，仅仅提供主背景就足以生成外观得体、功能完美的组件(尽管在视觉上并不完全相同)。

"Supporting" older browsers shouldn't always mean "taking great pains/writing tons of extra code to insure a near visual match." It is difficult but not impossible to ramp up a QA team so that they understand the concept of Progressive Enhancement as it can be applied to aspects of pure visual presentation.

“支持”旧浏览器不应该总是意味着“付出巨大的努力/编写大量的额外代码以确保近乎视觉上的匹配”。提高QA团队是困难的，但也不是不可能的，这样他们就能理解渐进增强的概念，因为它可以应用到纯视觉呈现的各个方面。