W3C CSS 验证给出 "Parse Error" 的不透明度

Question

在为我的个人网站测试 CSS 样式表时，opacity 属性出现以下解析错误。为什么是这样？ opacity=70 不是完美的属性滤镜 alpha 以支持 IE8 吗？

.image-section #sliderLeft  Parse Error opacity=70)
.image-section #sliderRight Parse Error opacity=70)
.image-section #caption Parse Error [empty string]

这是出现错误的CSS代码：

.image-section #caption
{
    position: absolute;
    display: none;
    bottom: 4px;
    width: 100%;
    text-align: center;
    color: white;
    background: #474747;
    height: 50px;
    line-height: 50px;
    opacity: 0.8;
    font-size: 20px;
}

.image-section #sliderLeft
{
    position: absolute;
    display: none;
    width: 25px;
    height: 100px;
    top: 50%;
    margin-top: -25px;
    left: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
    border: 0;
}

.image-section #sliderRight
{
    position: absolute;
    display: none;
    width: 25px;
    height: 100px;
    top: 50%;
    margin-top: -25px;
    right: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
    border: 0;
}

Answer 1

语法和 filter 属性均无效 CSS。不过，这并不意味着它们不适用于 IE8。

Answer 2

W3C 使用一些解析引擎，它不允许像 alpha(opacity=70) 这样的语法。标准中没有 css 属性允许这样的定义格式。

我无法重现

Parse Error [empty string]

在您的.image-section #caption中使用

http://jigsaw.w3.org/css-validator/#validate_by_input

W3C CSS 验证给出 "Parse Error" 的不透明度

W3C CSS validation gives "Parse Error" for opacity

css

w3c-validation

opacity