2011-03-17 99 views
0

所以我有一些图片的页面。并且我有一个功能淡出这些层使用IE的不透明度过滤器通过JavaScript。现在IE滤镜抗锯齿问题

当我这些元素褪色。我必须使用背景图像或背景颜色来设置特定元素(将不透明度过滤器应用于此元素)(以防止清除字体的反锯齿,请参阅http://www.jonathancross.com/projects/Ugly_font_anti-aliasing_problem_in_Internet_Explorer_6_7_and_8.html)。

现在我的问题是:

  1. 对于一组元素是有比的情况下的结构为设置背景图像/背景颜色为每个元素的任何更好的解决方案?
  2. 一些文本框不能正常看到和出现与整体背景图片设置为合并(背景层由重复在以往任何时候需要一个1x1像素的图片)

提前感谢!

回答

1

我“得到了各地”此通过禁用抗锯齿在IE完全由页面上的每个元素上追加1.0的不透明度滤光器...

好了,所以它看起来讨厌的 - 但在至少一切看起来像(无论如何IE6/7是讨厌的^ _ ^)。

+0

每一个元素?无论如何,我已经尝试了所有其他疾病也给了它一个镜头。 :D – 2011-05-23 10:50:02

+0

我最终只使用了一个case结构。通过tagNames获得元素参考+1 – 2011-05-23 12:45:49

1
  1. 你必须在每个元素上定义背景,根据我的意识,没有轮回。你可以用CSS做到这一点,像

    .mydiv p {背景:#FFF}

  2. 您可以用1x1像素背景导致重复问题。使用2x2像素不。

2

有我用了一招......如果文本后面的背景是这样的,你可以选择纯色,将在合理的程度内匹配它,你可以使用下面的一对CSS规则的人造做-antialiasing上的文字,在IE中只有:

背景色:#CCCCCC;/挑符合你背景/ 滤波器的颜色:的progid:DXImageTransform.Microsoft.Chroma(颜色= '#CCCCCC');/使用相同的颜色在这里/

+0

嗯..使用Chroma eh?生病给它一个镜头。 – 2011-07-16 07:57:48