Internet Explorer文本 - 陰影+懸停

-1

我試圖在懸停時製作一個'unblurs'（移除文字陰影）的頁面。Internet Explorer文本 - 陰影+懸停

這適用於所有瀏覽器，除了IE：http://mmhudson.com/brett.html

它不工作，因爲我設置顏色爲「透明」當元素不被徘徊在與IE過濾「模糊處理」繼承所以文字陰影也是透明的。

我該如何讓過濾器不會繼承該過濾器，或者使其只有陰影不可見？

我目前使用的插件，但我可以使用普通的CSS，如果這是可取的。

http://jsfiddle.net/PaDwt/

注意如果IE阻止

我只需要爲IE8和IE9，但IE7的支持和更早的將是一件好事的HTML。

來源

2012-07-05 maxhud

添加版本 – maxhud 2012-07-05 20:31:41

問題不是它繼承了透明顏色，而是IE根本不支持文本陰影。使用此 http://stackoverflow.com/questions/6905658/css3-text-shadow-in-ie9 – 2012-07-05 20:41:09

無用的評論^如果你看過我的jsfiddle或頁面源，你會看到我已經認識到這一點，我明顯不問如何使用IE – maxhud 2012-07-05 20:43:27

的問題不在於它繼承了透明色，它是IE不支持文本的影子都沒有。

使用此stackoverflow.com/questions/6905658/css3-text-shadow-in-ie9

p.shadow { 
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45); 
}

-----------編輯-------- ------

這是你在找什麼？ http://jsfiddle.net/PaDwt/4/

-CSS

#paragraphs p{ 
    /*the width needs to be a set value, not a percentage*/ 
    width: 600px; 
    /*blur all paragraphs*/ 
    color: transparent; 
    text-shadow: 0px 0px 2px #666666; 
    filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=3); 
}

-JS

$(document).ready(function(){ 
    if($.browser.msie) $("#paragraphs p").css("color", "black"); 
    $("#paragraphs p").mouseover(function(){ 
    var thisP = this; 
    if($.browser.msie) 
    { 
     $("#paragraphs p").css({ 
     filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=3)" 
     }); 
    } 
    else{ 
     $("#paragraphs p").css({ 
     color:"transparent", 
     textShadow:"0 0 2px #666", 
     }); 
    } 
    $(thisP).css({ 
     color:"#000", 
     textShadow:"none", 
     filter:"none" 
    }) 
    }); 
    $("#paragraphs p").mouseout(function(){ 
    if($.browser.msie) 
    { 
     $("#paragraphs p").css({ 
     filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=3)" 
     }); 
    } 
    else 
    { 
     $("#paragraphs p").css({ 
     color:"transparent", 
     textShadow:"0 0 2px #666" 
     }); 
    } 
    }); 
});

這IE9對我的作品。

來源

2012-07-05 20:42:11

如果你可以刪除這個請。人們會認爲這是一個可能的解決方案，事實並非如此。此外，如果這是你的倒退，請除去它，除非你有充分的理由保留它 – maxhud 2012-07-05 20:52:50

看看這個：CSS Blurred text shadow in IE part I

來源

2012-07-05 20:35:24

已經完成..這不是我的問題。我可以很好地模糊文本，問題是模糊過濾器繼承我設置的顏色屬性，而不是使用我指定的顏色參數。 – maxhud 2012-07-05 20:40:09

Internet Explorer文本 - 陰影+懸停

回答

相關問題