CSS3的新功能...有什么意义？

Question

我一直在阅读很多关于如何避免在按钮上使用渐变和阴影等Photoshop的方法，以及如何使用CSS3 Box Shadow来实现此类功能。现在，这很棒，但显然旧式浏览器和大多数IE浏览器尚未实现CSS3功能，所以我的问题是，为什么要在Photoshop中为自己节省额外的工作时，可以使用CSS3，但是随后可以使用Photoshop来为其他浏览器查看期望的效果？这不仅仅是额外的工作吗？

Answer 1

可以使用CSS3，但然后有使用Photoshop的其他浏览器看到所需的效果？

通常情况下，您并不关心其他浏览器是否能够看到所需的效果。如果这只是一个微妙的背景渐变效果，该网站将工作得很好，并且在低级浏览器中使用平坦背景仍然看起来合理。

当CSS 2定位在这个阶段时，兼容性更成为一个问题：不支持的定位功能可能会导致不可用的布局。但对于背景，边框和阴影等基本上无关紧要的效果，如果效果缺失则不是关键。

Answer 2

世界正在前进，你不能忽视它。只要旧的浏览器会显示一个按钮，并且新的浏览器会显示更好的浏览器，那么您就可以。

否则，我们仍然可以工作VT100 ......为，为什么使用“视窗”如果大多数显示器不支持超过4个彩色图形和具有80X22分辨率....

Answer 3

如果你的老板接受了两个版本的外观和感觉和警告的想法。 CSS3是一个好主意。

因此，您在代码中使用CSS3功能并忘记了不兼容的浏览器 - 他们会看到“低图形版本”，您可能想要发出非侵入式警告（例如我们的在StackOverflow中获得警报），说，"Your browser is not compatible with CSS3. To see this website in high graphics please upgrade your browser. Click the link here to update now."

但是，取决于你在哪里工作。拥有大量资源的大公司可能喜欢坚持使用Photoshop，而且体积较小的公司可能会喜欢轻量级的CSS3代码，这些代码会在非兼容浏览器中悄悄降级。

Answer 4

有几个原因。从开发人员/设计师的角度来看，使用CSS3可以更灵活。图像或多或少只是静态图像。通过CSS，您可以使用脚本或CSS来动画或调整样式，并在各种技术之间实现高级集成。这使您能够使用图像做一些不可能或困难的事情。

使用CSS时，页面权重也较低，这使页面加载速度更快，特别是在速度较慢的连接或移动设备上。它也减少了HTTP请求（尽管你也可以使用数据uris），这可以减少延迟，从而加快页面加载速度。

使用CSS通常更易于维护和更快速，因为您可以通过更改CSS来快速调整背景颜色或阴影，而需要打开photoshop，编辑文件，重新保存等图像。对于快速调整来说太棒了。

也有一些人（包括我自己）在代码上比使用图形包更舒适。对我来说，使用CSS更容易，但你的milage可能会有所不同。

另外从浏览器的角度来看，我们希望将Web平台向前移动并增加功能。SVG是另一种技术的例子，它不适用于所有浏览器版本，但增加了很多功能。虽然这可能无法部署使用某些CSS3属性或SVG无回退，现在网站（取决于你的观众或客户端）会出现在未来的时候，旧的浏览器都死了，我们今天将适用于所有用户。例如，有一段时间，大多数CSS2.1都不被支持，而现在如果你不需要为IE6设计的话，现在你可以依赖大部分CSS2.1。

有CSS3，你可以愉快地使用无回退，如果你不需要所有的浏览器看起来相同客户端的某些部分。 border-radius就是一个例子，或者为旧浏览器提供纯色回退，并为新浏览器应用透明度。

Answer 5

那么你可以随时使用ChromeFrame，强加给IE好的行为。假设有很多产品会坚持它在不久的将来（是的，我们会反对这一点），有机会，大多数IE用户将有chromeFrame甚至在你的应用程序会坚持它。一旦你做出了这个决定，使用CSS3属性或HTML5元素的决定是 - 好吧 - 是的！

• 马文