Question

我相信下面的css被认为是css3，如果不是，那不是，但我的问题仍然适用于下面的代码。

您是否认为下面的代码会损害用户的性能/呈现时间或任何内容，如果它用于页面上50个不同图像的示例？

添加曲线和阴影

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;

和这样的东西

使用RGB颜色

 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
 border-bottom: 1px solid rgba(0,0,0,0.25);

Answer 1

关于Jonathan Sampson的评论：

我不会说使用不受广泛支持的东西 bad ，因为如果每个人都这样做，我们就永远不会进入新技术（作为开发者社会）。然而，它肯定有风险，你不得不期望它会花更长的时间。

话虽如此，jasondavis并没有抱怨他的选择。

我个人认为这不会影响50张左右的图像。但是请确保您没有在页面上的n（无界）图像上使用它，并确保您没有使用任何昂贵的Javascript操作，这些操作会导致这些渲染必须在一个页面中重新渲染多次。行（例如某些动画或动作效果）。当然，请务必在您要定位的所有浏览器中进行测试。

Answer 2

为了安全起见，不要依赖那些没有得到广泛支持的事情。

Answer 3

我要测试它以确保 - 尽可能多的系统。显然IE会忽略所有边框内容，而Firefox（截至目前）将无法理解阴影。（我认为这只是webkit）。

此外，如果您提供“有效CSS”链接，则必须添加GET参数以告知验证者将其验证为CSS3。

我不记得供应商前缀是否有效。

<强>更新

我实际上认为影子内容适用于Firefox 3.5

Answer 4

这取决于您是否依赖这些功能。我们的想法是，在可能的情况下，网站应该在旧浏览器上优雅地降级。菜单项下的阴影很好，因为如果不支持，则没有阴影。没关系。

像弯角这样的东西的一个很好的替代方法是使用jQuery插件，如果它们受到支持则会简单地使用CSS3，Firefox或Webkit属性，否则它将使用Javascript。这样，您可以在浏览器中获得一致的外观，而无需使用最低的公分母或使用Javascript来处理所有内容。

Answer 5

我使用弯曲角落的东西很多但不是很多，以至于页面依赖于它们。对于那些使用现代浏览器的人来说，它使网站看起来更好。

你觉得在页面上使用很多CSS3是不好的吗？

5 个答案: