将文本保留在前景上,对图像进行缩放效果

时间:2016-09-26 13:54:47

标签: html css image

我有一个带有悬停效果的图片库。一旦用户将鼠标悬停在图像上,它就会使用css变换。

'Assuming you want to limit to one cell
If Target.Rows.Count > 1 Or Target.Columns.Count > 1 Then Exit Sub

图像看起来没有悬停效果。 enter image description here

并且效果看起来像这样。 enter image description here

正如你所看到的那样它可以很好地放大,但不知何故文本在背景中消失了。我尝试使用z-index,但这没有效果。如何将文字保留在前面? 这是一个jsfiddle:https://jsfiddle.net/xk2us9q8/

1 个答案:

答案 0 :(得分:1)

prob要求sample以外的定位值生效。

只需在文字中添加z-index即可。



static

position:relative