我几乎在那里,但是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排序来解决吗?
谢谢!克里斯