2012-05-16 35 views
2

我为在其网站上拥有大量<a>元素的客户工作,该客户使用相同的样式并引用相同的类名。如何为Internet Explorer 7和8填充CSS 3样式?

我遇到的问题是,在我使用CSS3对元素进行样式设计之前,曾经开发过这个项目,并且完全忽略了IE7和IE8的事实,即使它处于浏览器模型的范围之内,数百页。

我想问的是,您觉得最好的方法是在不影响标记的情况下进行适当的修复。例如支持边框半径,框阴影,渐变等的脚本。

请不要回来回答有关优雅退化,因为这不会发生,我已经与客户谈话,他们不想要采取这种方法。

+0

根据你的建议,你指的是modernizr吗?因为我认为这是一个很好的解决方案来代替重写。 – OnResolve

+0

我假设其他开发人员没有做好像重复使用类似的元素出现相同的东西?否则,你只需要更改CSS ... – CompanyDroneFromSector7G

+1

@OnResolve - Modernizer具有许多特征检测功能,但不是很多polyfills。据我所知,它不会解决任何问题。这可能是迈向解决方案的第一步,但它本身并不是一个解决方案。 – Quentin

回答

-1

我觉得没有一个解决方案,但你可以结合多种解决方案,例如边界半径,你可以使用jQuery角落:

http://jquery.malsup.com/corner/

Modernizr的可以是一个很好的工具呢!

2

您可以使用脚本在使用旧IE版本的客户端上为您执行“支持”!

下载script here.

这个脚本允许的Internet Explorer 6,7 CSS3的支持,和8

该网站link

+0

哇,这是一个要记住! +1 :) – CompanyDroneFromSector7G

+0

这两个URL上的错误404 ... –

0

我最喜欢的解决方案是CSS3 PIE。这是HTC的brings a nice selection of CSS3 features to IE 6-9

注意: PIE使用绝对定位的VML元素(在IE6-8中)来支持各种CSS3功能。这可能会导致像背景/边界/等消失的问题。该修补程序通常在受影响的元素上使用position: relative;或它的父项。 See the known-issues了解更多信息(和其他修正)。

+0

我试过这个,并且在页面上跳转的元素存在大量问题......它好像脚本在目标元素的顶部创建了一个元素,并且它的位置绝对....无法找到与此有关的任何错误:s –

+0

是的,它使用VML元素来支持CSS3功能(没有其他方式可以工作)。这意味着你有时必须“定位:相对;”该元素或它的父母。有关更多信息,请参阅http://css3pie.com/documentation/known-issues/。 –