你认为在一个页面上使用大量CSS3内容不好吗?
我相信下面的css被认为是css3,如果不是的话,它不是,但我的问题仍然适用于下面的代码 如果将下面的代码用于一个页面上50个不同图像的示例,您认为它会影响用户的性能/渲染时间吗 添加曲线和阴影你认为在一个页面上使用大量CSS3内容不好吗?,css,performance,Css,Performance,我相信下面的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
-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);
为了安全起见,不要依赖于没有得到广泛支持的东西。为了安全起见,不要依赖于没有得到广泛支持的东西。我会在尽可能多的可用系统上进行测试。显然IE会忽略所有的边界元素,而Firefox(到目前为止)不会理解这些阴影。(我认为这只是webkit) 此外,如果您提供了一个“有效的CSS”链接,那么您必须添加一个GET参数来告诉验证器将其验证为CSS3 我不记得供应商前缀是否有效 更新
事实上,我认为自Firefox 3.5开始,shadow就可以使用了。我会在尽可能多的系统上测试它。显然IE会忽略所有的边界元素,而Firefox(到目前为止)不会理解这些阴影。(我认为这只是webkit) 此外,如果您提供了一个“有效的CSS”链接,那么您必须添加一个GET参数来告诉验证器将其验证为CSS3 我不记得供应商前缀是否有效 更新
事实上,我认为从Firefox 3.5开始,shadow功能就可以正常工作,这取决于你是否依赖这些功能。其想法是,在可能的情况下,该网站应该在较旧的浏览器上正常降级。在菜单项下放置阴影是可以的,因为如果不支持,就没有放置阴影。那很好
对于弯角之类的东西,一个很好的替代方法是使用jQuery插件,如果支持CSS3、Firefox或Webkit属性,它将简单地使用这些属性,如果不支持,它将使用Javascript。这样,您就可以在浏览器中获得一致的外观,而不必使用最低的公分母,也不必对所有内容都使用Javascript。这取决于您是否依赖这些功能。其想法是,在可能的情况下,该网站应该在较旧的浏览器上正常降级。在菜单项下放置阴影是可以的,因为如果不支持,就没有放置阴影。那很好
对于弯角之类的东西,一个很好的替代方法是使用jQuery插件,如果支持CSS3、Firefox或Webkit属性,它将简单地使用这些属性,如果不支持,它将使用Javascript。这样,您就可以在不同浏览器中获得一致的外观,而不必使用最低的公分母,也不必对所有内容都使用Javascript。关于Jonathan Sampson的评论: 我不会说使用不被广泛支持的东西是件坏事,因为如果每个人都这样做,我们就永远不会发展成新技术(作为一个开发者的社会)。然而,这肯定是有风险的,你必须预料到这将花费你更长的时间 尽管如此,贾桑达维斯并没有抱怨他的选择
我个人认为这不会影响50张左右图像的性能。但是,请确保您没有在页面上的n个(无界)图像上使用它,并且确保您没有使用任何代价高昂的Javascript操作,这些操作将导致这些渲染必须在一行中多次重新渲染(例如某些动画或移动效果)。当然,一定要在所有你瞄准的浏览器中进行测试。关于乔纳森·桑普森的评论: 我不会说使用不被广泛支持的东西是件坏事,因为如果每个人都这样做,我们就永远不会发展成新技术(作为一个开发者的社会)。然而,这肯定是有风险的,你必须预料到这将花费你更长的时间 尽管如此,贾桑达维斯并没有抱怨他的选择
我个人认为这不会影响50张左右图像的性能。但是,请确保您没有在页面上的n个(无界)图像上使用它,并且确保您没有使用任何代价高昂的Javascript操作,这些操作将导致这些渲染必须在一行中多次重新渲染(例如某些动画或移动效果)。当然,一定要在所有你瞄准的浏览器中进行测试。我经常使用弯曲角落的东西,但不会太多以至于页面依赖它们。对于那些使用现代浏览器的人来说,它让网站看起来更漂亮。我经常使用弯曲的角落,但不会太多以至于页面依赖它们。对于那些使用现代浏览器的人来说,这会让网站看起来更漂亮。是的,我做了相关说明,我只是想知道在一个页面上多次使用这些功能是否不好?是的,我做了相关说明,我只是想知道在一个页面上多次使用这些类型的功能是否不好?我并不是说使用不受广泛支持的东西是不好的。我说不要依赖他们:)我不是想说使用那些没有得到广泛支持的东西是不好的。我说不要依赖他们:)