Question

好的，我需要一些帮助。很长一段时间以来我一直在使用CSS2，它适用于大多数浏览器，并且很容易修改。但突然之间我听说CSS3并且只适用于某些浏览器，所以....当大多数观众无法看到它时，使用CSS3有什么好处？

Answer 1

目前，CSS3的某些部分适用于某些浏览器。然而，在未来的某个时刻，很多CSS3都可以在很多浏览器上运行。

目前，您应该只使用您要定位的浏览器支持的CSS3功能。浏览器应该快乐地忽略未知属性，因此即使只有一些浏览器支持它们，你也可以将它们用于非必要的eyecandy。

When can I use...和CSS3 module status应该有所帮助。

Answer 2

CSS3还没有成为标准......我相信它可以在FF中运行但不适用于＆lt; IE7，这是大多数浏览器所遗忘的地方。虽然CSS3有一些很棒的功能，但它仍然会有一段时间，直到互联网赶上足以让它值得使用。我认为你会为自己节省很多麻烦和跨浏览器操作保持标准CSS ......

Answer 3

事实上，Firefox 3.5及更高版本的Webkit支持很多CSS3属性;虽然经常使用专有名称。一个这样的例子是角半径，在哪里可靠地渲染一个必须使用3个不同的属性名称：

.rounded-corners
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

在渐进增强方法中添加一些CSS3属性仍然是一个好主意，使用它来为浏览器支持某些CSS3属性的那些美化网站的设计提供额外的一些触摸（Firefox和Safari大约有25个 - 30％的市场份额）。

在我看来，无论您使用哪种浏览器，网站都不必看起来相同;最重要的是该网站可以在所有浏览器上使用和访问，无论它们是最新版本的Firefox还是Mosaic 1.0。

Answer 4

不要因为大多数浏览器无法呈现CSS3而退缩。有许多方法可以使用仅限CSS3的属性，但仍然有后备力量，以便使用旧版浏览器的用户不会因此而缺乏用户体验。

这是一篇关于SmashingMagazine主题的精彩文章。 http://coding.smashingmagazine.com/2010/06/17/start-using-css3-today-techniques-and-tutorials/

如果我们都等待开始使用CSS3开发接口，当它适用于所有浏览器时，我们永远不会在那里。 Web开发人员需要提高标准，以便浏览器能够赶上。

Answer 5

我将CSS3视为渐进增强。

如果你想在设计中使用阴影或圆角，我将使用CSS3。是的它在现代浏览器中可以正常工作，但在IE中不起作用。但它也将允许我使用干净有效的HTML标记。记住过去的日子，用圆角或阴影的图像嵌套DIV，这是一个混乱和痛苦。

我觉得这些元素很不错。

据说有一些JS库可供使用，可以轻松地为Internet Explorer和一些最常用的CSS3选项提供解决方案。作为示例，请查看CSS饼图： http://css3pie.com/

另一种方法是优秀的modernizr，它具有sniff功能，并为HTML标记添加CSS类，从而允许您为每个功能集编码。

http://www.modernizr.com/

另外需要注意的是，@ Donald Harvey在他的回答中提到了稍微烦人的浏览器前缀。同样，有各种各样的工具可以帮助解决这个问题。 CSS3请举个例子： http://css3please.com/

我认为底线是，只要实现CSS3不会破坏功能体验，那么为什么要退缩。对我来说，如果人们想要使用5到10年历史的浏览器上网，他们将会有一个退化的体验，而这不应该以牺牲那些与时俱进的人为代价。现代浏览器。

Answer 6

我正在研究Dashboard小部件，webkit支持相当多的css3，它对于实现结果非常有用。

我不必在这种环境中担心跨浏览器的兼容性，所以它很容易，即我不需要考虑问题，只需要代码。它越早进入野外，IE越好。

Answer 7

CSS3有许多甜蜜的东西，只有CSS2

才能实现

优势1：干净整洁的CSS，不会给服务器带来大量的图像负担，例如圆角边框或图像阴影等......

优势2：可以在不需要Gif的情况下实现甜蜜动画

优势3：渐变背景条纹图像将在CSS3中过时。借助在线渐变生成器可以轻松实现。所以我们的服务器肯定会喜欢CSS3

优势4：基本框模型，使用div和span

来定位HTML布局是一个巨大的缓解

优势5：可以使用酷文本效果

优势6：许多很酷的属性选择器可以减少jQuery选择器的使用。

缺点：

尽管Web开发人员和丰富的用户界面都有很多很酷的功能。 Webkit浏览器，如Safari＆amp; Chrome和某种程度上的mozilla浏览器支持大多数CSS3功能。它需要花费大量时间在浏览器上进行100％的编译。

Answer 8

简单地说，除了某些版本的IE之外，所有人都可以看到CSS3。针对IE进行跨浏览器兼容性的更改不是那么耗时。 IE 8支持一些CSS3。 IE 9增加了它。 IE 10可能会在2012年的几个月内发布，看起来它会在动画，过渡和其他有趣的CSS3添加方面增加更多。因此，CSS3值得您的网站今天成为最前沿，明天当前。只是我的意见。

CSS3值得与否

8 个答案: