javascript - 如何使用 CSS 覆盖 HTML 图像

标签 javascript html css

我有我当前的代码:

#content img[src="/img/test.gif"] { 
    background-image:url(dark-img.png) !important;
}

根据我的理解,!important; 会覆盖现有值吗?

为什么这不会覆盖当前的 HTML 图像?背景显示在 HTML 图像的后面

我希望它位于 HTML 图像之前,这可以使用 CSS 或 JS 吗?

编辑:为了它的值(value),我制作了一个用户脚本来修改网站的现有样式。所以我无法直接访问 HTML 图像。

最佳答案

图像替换不需要 javascript!只要您可以通过 CSS 选择器识别图像,就可以使用 CSS 来完成此操作。

在这里查看解决方案 http://www.audenaerde.org/csstricks.html#imagereplacecss

关于javascript - 如何使用 CSS 覆盖 HTML 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3779866/

相关文章:

javascript - 使用 CSS 或 JavaScript 更改 SVG 图标颜色

使用js按多个属性分组的javascript对象

javascript - 在 Firefox/IE 上隐藏元素,仅在 chrome 上显示

html - 设置AngularJS Material 中下拉列表的默认值

html - 扩展表格单元格以占用所有空间

html - 带有 CSS 不透明度的特异性问题 : overriding the opacity of the parent div

javascript - 使用 jQuery/HTML5 制作圆圈动画

javascript - 在 p5 dom 上单击后如何删除提交按钮

php - 需要在桌面和移动设备的列中换行的帮助

CSS 样式冲突