Html t型滤光片：灰度（100%）亮度（0.5）-moz过滤器：灰度（100%）亮度（0.5）-ms过滤器：灰度（100%）亮度（0.5）-o型滤光片：灰度（100%）亮度（0.5）；滤镜：灰度（100%）亮度（0.5）；}有没有办法使滚动文本不受DIV覆盖的影

---

t型滤光片：灰度（100%）亮度（0.5）-moz过滤器：灰度（100%）亮度（0.5）-ms过滤器：灰度（100%）亮度（0.5）-o型滤光片：灰度（100%）亮度（0.5）；滤镜：灰度（100%）亮度（0.5）；}有没有办法使滚动文本不受DIV覆盖的影响？它应该是白色的，但亮度效果会将其降为灰色。您得到的错误是什么？在我的实验中，我提供的代码正好做到了这一点。我们不会将灰度效果应用于

img:hover

，而是将其应用于

中的
img
。文章预览颜色：hover

。啊哈！好吧，那么你一开始就把它搞定了。我只是有一个冲突的标签阻止我看到它的表现。再次感谢！请不要介意我以前的“修复”，它不是这样的事情！没问题，有周到的反馈总是很好的。我更新了我的答案，以更清楚地反映它的工作原理。

   .article-preview-image:hover img {
    -webkit-filter:grayscale(100%);
    -moz-filter:greyscale(100%);
    -ms-filter:greyscale(100%);
    -o-filter:greyscale(100%);
    filter:grayscale(100%);
}

img { /* Universal settings */
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
}

.article-preview-image:hover img {
    /* When the article preview thing is being hovered, grayscale the image */
    -webkit-filter:grayscale(100%);
    -moz-filter:greyscale(100%);
    -ms-filter:greyscale(100%);
    -o-filter:greyscale(100%);
    filter:grayscale(100%);
}