本文首次以CSSGLOBE推出

我最近与一位前端开发者的朋友交谈,并认为我会尝试在不久的将来使用CSS3圆角和阴影。如果它可以正确降级,则不会更完美的像素。我的朋友离愤怒不远,对他来说,用户体验是国王,所有用户都应该有同样的体验。

新的CSS属性使我们能够拥有如此多的可能性。 CSS3中现在可能存在阴影和圆角,但我们有问题,即用户看不到它们。如果我们应该使用它们,或者我们应该延长CSS技巧,以获得IE用户的那些美好的效果。

从伦理点来看,我同意我的朋友,我们应该始终在所有主要浏览器中没有任何图形差异。这是部分原因是因为大多数后端开发人员无法忍受HTML,并且CSS浏览器可顺应前端开发人员工作。客户还支付产品,当50%的用户群没有看到这些效果时,人们可能会争辩说出现问题。

与此同时,我们是否应该失去无数个小时,实施CSS黑客并将加载时间添加到我们的网站?所有这一切,因为微软已经懒惰并停止工作,直到Firefox相同,并通过同样的方式停止了CSS进步。

在我日常工作中,我们开始使用较少的圆角,而实际上没有阴影,因为整合麻烦。现在设计师可以拥有他们想要的所有乐趣,而不让所有前端团队接近。

一个例子?

如果您希望所有用户在此处查看您的效果,那么您需要做的内容:

创建4个PNG圆角和4个阴影栏,并将所有这些括在DIV或表中。您还需要首选IE6 PNG Hack。设计师对颜色改变了思想吗?多么不幸,重做你的所有png。在包中添加一些调试时间,因为这也可能发生。

现在使用CSS3,我们刚拥有这些CSS线路,我们在1分钟内完成。

border: 1px solid #b2c0cb;
	 border-radius: 7px;
	 box-shadow: 1px 1px 15px #5c5c5c;

*现在我们需要添加一些其他CSS行来定位浏览器,因为它尚未完全实现。

更令人沮丧的是Microsoft尚未在IE8中添加这些属性。来吧!在他们实施之前,圆角将过时。事实上,他们忙于遇到酸2,因为IE7甚至没有实现一个新的CSS3功能,伴随着页面 - 断裂(顺便通过actal酸3次测试。......)。看看这个MSDM页面,它讲述了一些关于Microsoft和CSS实现的故事。

也许我’只有一个厌倦和愤怒的前端谁应该做得更好,但我决定停止通过我的网站停止黑客,并停止增加复杂性和加载时间。前端应该不太复杂。只要它看起来正常,即圆角和阴影就会留下Firefox,Safari和Chrome。

**盒子阴影在Firefox 3.1

2 thoughts on “100%CSS兼容性或正确渐变吗?

评论被关闭。