有没有办法为元素设置样式,使其及其所有内容呈现50%褪色?

时间:2016-06-30 09:42:55

标签: javascript css browser

我正在制作一个用户脚本,它将缺少的功能添加到我无法控制的第三方网站。

它将根据页面和某些webAPI调用的结果计算URL。这些网址将添加到网页的HTML中。

然后,对于呈现为:visited的任何网址,我希望通过操作样式来设置它所属的li元素“褪色”。

这可能是我项目的具体细节,而不是描述我的问题所必需的,抱歉。

我不确定如何实现的唯一部分是如何将li元素(以及在其中呈现的所有元素)渲染为半褪色为背景色。

我猜测现代HTML和CSS可能有标准的方法。

我正在使用最新的稳定版Chrome,不需要支持旧浏览器。

1 个答案:

答案 0 :(得分:1)

  

有没有办法为元素设置样式,使其及其所有内容呈现50%褪色?

<强>不透明度

yourelement {
opacity:0.5;
}

这将影响元素,因为它是继承的,它也将适用于所有孩子。

但请注意,如果链接为:visited,则必须通过javascript设置不透明度,因为没有CSS“父选择器”。 < / p>