Question

我正在尝试将text-shadow属性添加到CSS样式表中，它适用于Internet Explorer，Chrome，Opera和Safari，但我无法让它显示在Firefox中，即使我使用-moz-text-shadow属性。

我正在运行43.0.4版。这是一个已知的问题，是否存在黑客攻击？下面是控制我尝试应用文本阴影的h1的CSS。

/* =Headings
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: 700;
    line-height: 1.0em;
    word-wrap: break-word;
}

h1 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 2.625em; /* = 42px */
     -moz-text-shadow: 0 0 3px 2px #000;
    text-shadow: 0 0 3px 2px #000;
}

h2 {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    font-size: 2.250em; /* = 36px */
}

h3 {
    margin-top: 0.857em;
    margin-bottom: 0.857em;
    font-size: 1.875em; /* = 30px */
}

h4 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1.500em; /* = 24px */
}

h5 {
    margin-top: 1.125em;
    margin-bottom: 1.125em;
    font-size: 1.125em; /* = 18px */
}

h6 {
    margin-top: 1.285em;
    margin-bottom: 1.285em;
    font-size: 1.000em; /* = 16px */
}

Answer 1

text-shadow CSS属性的定义如下：

text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;

所以你有：

text-shadow: 0 0 3px 2px #000;

将有：

h-shadow: 0
v-shadow: 0
blur-radius: 3px
color: 2px!!!

所以只需尝试删除2px值，一切都会好的。

Answer 2

您的代码不正确，不应在任何浏览器中使用。 text-shadow取maximum of 4 values（偏移-x，偏移-y，模糊半径和颜色），但输入5（如果它是box-shadow允许5）。如果删除颜色之前的最后一个值，它将正常工作：

h1 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 2.625em; /* = 42px */
     -moz-text-shadow: 0 0 3px #000;
    text-shadow: 0 0 3px #000;
}

CSS'text-shadow'在Firefox中不起作用

2 个答案: