2010-08-13 60 views
2

有一些眼睛糖果实验性CSS像边界半径(圆角)和渐变,我希望在我的网页上使用。不幸的是,Internet Explorer目前还不支持。至少边界半径在IE9上出现,在渐变上没有字。IE的实验性CSS:黑客攻击还是不黑客攻击?

所以,你会建议只留下单独的IE(我的大多数用户会在FF或Chrome反正)或使用图片来“修复”为IE设计的演示?它甚至值得吗?因为我知道这不仅仅是背后的痛苦,而且可能会打破其他浏览器的风格。

那么,要破解还是不要破解?

回答

1

,如果你不想要的图像,IE黑客或一个单独的样式表,你总是可以检查出CSS3Pie:http://css3pie.com/。这并不完美,特别是当你想要一些渐变色,但它可以很容易地处理圆角。有类似的IE行为,但我认为这是目前最活跃的发展。

+0

这是非常有用的,谢谢! – Aillyn 2010-08-13 13:59:41

2

虽然这个问题有点主观,但我的答案不会被破解。 CSS3被设计为向后兼容,这意味着如果浏览器不支持它,它将会优雅地退化。这对我来说是应该的。我的意思是,为什么要使用CSS3,如果你仍然打算破解它呢?在这种情况下,只需使用像JavaScript的圆角或图像的简单的旧CSS2技巧,所以你不必本身破解。

0

有黑客,然后有黑客。我将“黑客”解释为利用浏览器中的缺陷,如IE中的后代选择器黑客(使用>)。浏览器更新时,这些类型的内容会中断。

我不认为使用图像创建漂亮的阴影或渐变是黑客。它可能无法满足你在做任何事情上的要求,并且你可能会对使用图像来应用不需要图像的东西感到不安,但现实是没有选择 - 没有办法做任何事情干净的,无图像的方式 - 如果你想在大多数人的浏览器上使用相当的渐变和阴影(Internet Explorer占了多数)。

如果考虑圆角边框或渐变到只是可选的养眼然后通过各种手段不用担心IE浏览器。但是,如果你认为它确实使你的设计看起来不错,并且你不希望大多数用户错过了,那就去做吧。

*根据您的受众群体的不同,IE可能会或可能不会占据您的大部分观众。

0

这确实取决于这些功能是多么的重要的部位,或者更确切地说,是多么重要的客户和设计团队感到他们的外观和感觉。另外它的这一点是多少会膨胀你的标记和CSS - 即。取决于在设计环境中如何构建效果会造成多大的麻烦?

通常在这种情况下,我赞成逐步增加,即。拿出一些合适的东西,但它不需要是复合艺术的一对一。虽然如此,这是一个开发人员可能真正有能力独立完成的决定(除非你也是设计师)。

2

术语狡辩:在IE中使用图像模仿CSS3功能并不是真正的黑客行为。任何不直接受CSS支持的视觉效果都需要在图像中实现。

但是,为了回答你的问题,这取决于:

  • 如果观众足够少使用IE浏览器,那么你可以忽略它。根据您/网站的所有者来确定少数人数是否足够。

  • 如果不是:

    • 如果border-radius效果不是网站的品牌的重要组成部分,那么我建议你只是让IE忽略它们,并使用方角。没有人会用两个浏览器同时浏览网页,只要按钮位于相同位置且一切正常,就不会有人在乎您的网站在IE 6中是否有点不同。

    • 如果他们在网站的品牌的重要组成部分,或者你的客户坚持现场看一样在IE 6上,那么你已经有了实现在IE 6所以上来看,无论是:

      • 使用border-radius,并使用conditional comments包括一个样式表IE 8和下面的代码来模仿功能

      • border-radius麻烦 - 使用IE浏览器中的所有浏览器上运行的代码。这样可以避免你需要维护两套代码,但这意味着所有的浏览器都必须下载你用于IE的图片,这样他们的表现会稍差一些。

2

我不认为它永远选择“黑客”,而不是所有在所有浏览器在实现它之间,和我很惊讶没有人提到真正的生命的一个(我不会认为它是黑客,因为它是向后兼容性的一种非常好的方法):有条件的评论

它不仅可以帮助恼人的IE错误,还可以让你定义更少的可取的,但仍然100%有效的方法来获得某些效果的工作,如图像渐变与repeat-y而不是CSS3渐变,或IE7和8平铺半透明PNG。真的,如果你想,IE不应该是单一因素,这将限制你的实验CSS3的能力。