小编Chr*_*ris的帖子

在不影响文本的情况下使背景图像变暗

我几乎在那里,但是a-tag内的文本不应受半透明叠加层的影响:

http://jsfiddle.net/ChrisPrefect/GPLfM/

无论您是否将鼠标悬停在图像上,文本都应为亮白色.

如果需要,我可以添加更多的html元素,但我希望将其保持在最低限度.

添加了一个新元素:

.tint:before
Run Code Online (Sandbox Code Playgroud)

它具有半透明背景:

background: rgba(0,0,0, 0.5);
Run Code Online (Sandbox Code Playgroud)

但是"before"元素也位于a-element内部的文本上并使其变暗.

这可以用z-index排序来解决吗?

谢谢!克里斯

html css z-index transparent

3
推荐指数
1
解决办法
3419
查看次数

标签 统计

css ×1

html ×1

transparent ×1

z-index ×1