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

标签 javascript css browser

我正在开发一个用户脚本,该脚本将缺失的功能添加到我无法控制的第 3 方网站。

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

然后对于呈现为 :visited 的任何 URL,我希望通过操纵样式将它所属的 li 元素设置为“淡化”。

抱歉,这可能是我元素的更具体的细节,无法描述我的问题。

我不确定如何实现的唯一部分是如何让 li 元素(以及其中呈现的所有元素)呈现为半淡入背景颜色。

我猜想可能有标准的方法可以用现代 HTML 和 CSS 来做到这一点。

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

最佳答案

Is there a way to style an element such that it and all its contents will be rendered 50% faded?

不透明度

yourelement {
opacity:0.5;
}

这会影响元素,因为它是继承的,所以它也会应用于所有子元素。

但是请注意,如果链接是 :visited,则必须通过 javascript 设置不透明度,因为没有 CSS“Parent Selector”。/强>

关于javascript - 有没有办法设置一个元素的样式,使其及其所有内容呈现 50% 褪色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38119407/

相关文章:

javascript - 如何从普通 JavaScript 访问 AMD 模块 ("define")?

php - 如何设置由 php 创建的日期并在单个 span 元素中输出

asp.net - 文本框中的文本显示为圆圈而不是常规字符?

css - Shiny : Can adjust width but not height 中的模态对话框

firefox - 如何将选项卡从桌面版 Firefox 发送到移动版 Firefox 应用程序

http - 如何使用网络浏览器发送 POST 请求?

javascript - 当前页面滑入时将旧页面滑出

javascript - 如何打开不同域或子域到新选项卡以及相同域链接到同一选项卡

javascript - 如何更改 Chart.js 水平条形图宽度?

javascript - 使用 js/jquery 检测 flash 播放器的现代或非弃用方法?