Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery internet explorer文本阴影+;悬停_Jquery_Internet Explorer_Css - Fatal编程技术网

Jquery internet explorer文本阴影+;悬停

Jquery internet explorer文本阴影+;悬停,jquery,internet-explorer,css,Jquery,Internet Explorer,Css,我试图使一个页面“取消模糊”(删除文本阴影)悬停 这适用于除IE以外的所有浏览器: 这不起作用,因为当元素未悬停时,我将颜色设置为“透明”,IE过滤器“模糊”继承该颜色,因此文本阴影也是透明的 我怎样才能使过滤器不继承它,或者使它只有阴影是不可见的 我目前正在使用一个插件,但如果愿意的话,我可以使用常规css 注意html if IE块 我只需要支持IE8和IE9,但IE7和更早版本也不错。看看这个:问题不是它继承了透明颜色,而是IE根本不支持文本阴影 使用此stackoverflow.com

我试图使一个页面“取消模糊”(删除文本阴影)悬停

这适用于除IE以外的所有浏览器:

这不起作用,因为当元素未悬停时,我将颜色设置为“透明”,IE过滤器“模糊”继承该颜色,因此文本阴影也是透明的

我怎样才能使过滤器不继承它,或者使它只有阴影是不可见的

我目前正在使用一个插件,但如果愿意的话,我可以使用常规css

注意html if IE块


我只需要支持IE8和IE9,但IE7和更早版本也不错。

看看这个:

问题不是它继承了透明颜色,而是IE根本不支持文本阴影

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

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

这就是你要找的吗?

-CSS

-JS


这在IE9中对我有效。

已经完成。。那不是我的问题。我可以很好地模糊文本,问题是模糊过滤器继承了我设置的颜色属性,而不是使用我指定的颜色参数。问题不是它继承了透明颜色,而是IE根本不支持文本阴影。使用这个无用的注释^如果您查看了我的JSFIDLE或页面源代码,您会发现我已经了解了很多,而且我显然不是在问如何在我的答案中使用文本阴影。看一看,让我知道这是否是你想要的最终结果?如果你能删除这个,请。人们会认为这是一个可能的解决办法,但事实并非如此。另外,如果你投了反对票,请删除它,除非你有充分的理由保留它
#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);
}
$(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"
      });
    }
  });
});​