2009-08-20 36 views
1

我相信下面的css被认为是css3,如果不是的话,那不是,但我的问题仍然适用于下面的代码。你认为在页面上使用很多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); 

回答

3

至于乔纳森·桑普森的评论:

我不会说这是有史以来使用的东西,没有被广泛支持,因为我们从来没有进步的新技术(如开发一个社会)如果每个人都这样做。然而,它肯定有风险,你必须期待它会花费你更长的时间。

就这样说,jasondavis并没有抱怨他的选择。

我个人认为这不会损害50张图片左右的表现。但是,请确保您没有在页面上的n(无限制)图像上使用它,并且确保您没有使用任何代价高昂的JavaScript操作,这些操作会导致这些渲染必须重新渲染多次排(如某些动画或运动效果)。当然,一定要在所有目标浏览器中进行测试。

+0

谢谢,你回答了真正的问题+1 – JasonDavis 2009-08-20 02:03:25

+1

我不是故意暗示它*不好用*没有广泛支持的东西。我说不要*依靠他们:) – Sampson 2009-08-20 02:08:22

2

为了安全起见,不靠那都不算事广泛支持。

1

我想测试一下 - 尽可能多的系统上。显然IE会忽略所有边界的东西,Firefox(截至目前)不会理解阴影。 (我认为这只是webkit)。

另外,如果你提供了一个“有效的CSS”链接,你就必须添加一个GET参数去告诉验证器来验证它作为CSS3。

我不记得供应商的前缀是否通过验证。

UPDATE

其实,我觉得影子的东西可以作为火狐3.5

0

的这取决于如果你依靠这些功能,或者不。这个想法是,在可能的情况下,网站应该在旧浏览器上优雅地退化。在菜单项下放置阴影很好,因为如果不支持,阴影没有阴影。没关系。

一个很好的选择对于像弯曲角处是使用一个jQuery插件,会simpply使用CSS3,如果他们支持Firefox和WebKit的属性,如果没有它会使用JavaScript。这样你就可以在浏览器中获得一致的外观,而无需使用最小公分母或使用Javascript来处理所有事情。

+0

是的,我得到了这个覆盖,我只是想知道在1页上多次使用这些类型的功能是不是很糟糕? – JasonDavis 2009-08-20 02:02:12

0

我使用弯曲的角落很多东西,但没有那么多,页面依赖于它们。对于那些使用现代浏览器的人来说,它使网站看起来更加美好。