问题描述
|
所以我的页面上有一堆图像。我有一个功能，可通过javascript使用IE \的不透明度过滤器淡出这些图层。
现在，当我淡出这些元素时。我必须使用背景图像或背景色（以防止透明字体的抗锯齿）设置特定的元素（已应用不透明度滤镜），有关更多信息，请阅读以下内容：http://www.jonathancross.com/ projects / Ugly_font_anti-aliasing_problem_in_Internet_Explorer_6_7_and_8.html）。
现在我的问题是：
对于一组元素，是否有比案例结构更好的解决方案来为每个元素设置背景图像/背景色？
某些文本框未正确显示，似乎与整个背景图像集合并（背景层由1x1 px图像组成，必要时可重复）
提前致谢！
解决方法
我通过在页面上的每个元素上附加1.0的不透明度过滤器来完全禁用IE中的抗锯齿功能，从而“解决了”问题...
好的，所以看起来很讨厌-但至少一切看起来都像（IE6 / 7还是很讨厌^ _ ^）。
,我使用了一个技巧...如果文本后面的背景足以使您可以选择在合理范围内与之匹配的纯色，则可以使用以下CSS规则对假像素进行假抗锯齿处理文字，仅在IE中：
背景颜色：#CCCCCC; /选择与您的背景相匹配的颜色/
filter：progid：DXImageTransform.Microsoft.Chroma（color = \'＃CCCCCC \'）; /在这里使用相同的颜色/
,您必须在每个元素上定义背景，据我所知，这没有什么回合。您可以使用css来完成此操作，例如
.mydiv p {background：#fff}
使用1x1 px背景会导致重复问题。不使用2x2 px。