2011-03-17 103 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