使影子文字在IE中工作

在SO上找到類似的問題後，我仍然遇到問題。這是我的CSS：使影子文字在IE中工作

 .title { 
      position:absolute; 
      bg-color:#FF0000; 
      z-index:10; 
      width:100%; 
      height:100%; 
      font-size:250%; 
      color: #FCD116; 
      text-shadow: 2px 2px 3px #555; 
      filter: dropshadow(color=#555, offx=1, offy=1); 
      zoom:1 
     }

在谷歌瀏覽器中，陰影僅偏移約2個像素。這正是我想要的。然而，在IE中，陰影超遠（相對於我想要的）而且矮胖。我已經設置了一個offx和offy。爲什麼這不起作用？我以前從未使用過這種方法，現在只是在查看關於我的標題的建議時才發現它。

作爲一個側面說明

當我問，沒有任何人知道如何讓IE讓我做透明圖片？我試圖把一個半透明的圖像（一個帶陰影的按鈕），但陰影是深黑色，它表現出質量已被破壞。我會爲這個問題（如果回答）:)

來源

2011-05-10 FreeSnow

主要問題 - 您需要在過濾器內部使用完整的6個字符的HEX值（即＃555555）。

小問題 - 我個人發現Drew Diller's belated_png script是一個快速可靠的解決方案。放在腳本中，並將png_bg類應用於任何想要透明度爲alpha的任何內容。

PS - http://jsfiddle.net/peXwY/

.title { 
    position:absolute; 
    bg-color:#FF0000; 
    z-index:10; 
    width:100%; 
    height:100%; 
    font-size:250%; 
    color: #FCD116; 
    text-shadow: 2px 2px 3px #555; 
    Filter: DropShadow(Color=#555555, OffX=2, OffY=2, Positive=1); 
    zoom:1 
}

來源

2011-05-10 18:56:54

這裏是你的側面說明一些有用的信息的獎勵積分...此外，看看對底部的「花招」參考：http://24ways.org/2007/supersleight-transparent-png-in-ie6

由於對於主要問題，考慮搞亂.title的z-index。我記得幾個月前在IE中遇到了問題，這是因爲IE在頁面上訂購垂直對象的方式。

來源

2011-05-10 18:18:15 Jmoney38

我用的z-index無濟於事好惹的。你的透明度解決方案像一個魅力工作...非常感謝:) – FreeSnow 2011-05-10 18:28:57

另外，過濾器：陰影似乎對我來說工作得很好。看看這裏的一些例子：http://www.workingwith.me.uk/articles/css/cross-browser-drop-shadows – Jmoney38 2011-05-10 18:46:04

使影子文字在IE中工作

回答

相關問題