当前位置: 首页 > 面试题库 >

IE9中的CSS3文本阴影

吕琪
2023-03-14
问题内容

有没有一种简单的方法可以让css3 text- shadow在IE9中工作?至少一个文本阴影会很棒。我想理想情况下也支持IE8。我希望有一个简单的jquery插件或.htc文件,它仅查看元素的text-
shadow css属性并为IE9实现它。


问题答案:

是的,但不是您想像的那样。根据caniuse(一种非常好的资源)的说法,没有支持,也没有polyfill可用于text-shadow为IE9 添加支持。但是,
IE具有自己的专有文本阴影( 在此详细介绍)。

实施示例,取自其网站(在IE5.5到IE9中均可使用):

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

为了实现跨浏览器的兼容性和代码的未来适应性,请记住还使用CSS3标准text- shadow属性(在此进行详细介绍)。考虑到IE10已正式宣布放弃对旧版dx过滤器的支持,这一点尤其重要。展望未来,IE10
+将仅支持CSS3标准text-shadow



 类似资料:
  • 问题内容: 在我完成的设计中,我有一个需要垂直的元素。我已经获得了CSS才能在除IE9之外的所有浏览器中工作。我将过滤器用于IE7和IE8: 但是,这似乎使我的元素在IE9中变得透明,而CSS3的“变形”功能似乎无能为力! 有人知道IE9中旋转元素吗? 非常感谢您的帮助! W. 问题答案: 标准CSS3旋转应在IE9中工作,但我相信您需要为其指定供应商前缀,如下所示: 它可能无法在Beta版本中工

  • 有谁能帮我点忙吗。我将不胜感激。Thanxs null

  • 在CSS3之前,除非使用图片,否则无法给文本添加阴影效果。现在,使用text-shadow属性,可以为文本添加一个或多个阴影及模糊效果。语法格式为: text-shadow: x-offset y-offset blur color; 各参数的含义见表表 3‑5: 表 3‑5 text-shadow属性的参数及含义 参数 含义 x-offset 必选参数,长度值,表示阴影在x轴的偏移量。可以是正值

  • 它可以给任意的字符设置一个或多个阴影。 1. 官方定义 text-shadow 属性向文本设置阴影。 2. 慕课解释 text-shadow 一共接受 4 个参数,前两个是阴影的位置通过 x,y坐标系来设定,第三个参数设定模糊的大小,最后一个参数设定阴影的颜色。 3. 语法 .demo{ text-shadow: h-shadow v-shadow blur color; } 属性值 值

  • #textshadow { text-shadow: 5px 5px 5px #FF0000; font-size:30px; } #wordwrap { width:11em; border:1px solid #000000; word-wrap:break-word; } #normal { width:11em; border:1px solid #000000; word-wrap:no

  • 问题内容: 我正在构建一个小型Intranet应用程序,并且尝试使用我最近购买的 Adobe字体 没有任何运气。据我了解,在我们的情况下,这不是违反许可证的行为。 我将字体的.ttf / .otf版本转换为.woff,.eot和.svg,以便针对所有主要浏览器。 我使用的@ font- face语法基本上是Font Spring的防弹语法: 我修改了HTTP标头(添加了Access-Control