当前位置:主页 >> 例子 >> 正文
鼠标指向图片在图片上面出现文字提示代码
阅读:465 输入:2016-07-04 10:44:44

当别人在浏览你网页上一副精彩的图片时,你就可以用到这个特效,它可以使用户得到关于这张图片的更多信息。为了使这张图片更加的友好和人性化,我们最好添加一个“Learn More”按钮,来提示用户查看关于图片的更多信息,当然这个按钮是假的。

在默认的情况下,将会显示“Learn More”,而当我们将鼠标移动到图片时,我们将希望它被隐藏起来,于是,我们添加一下代码。.imgteaser a .desc {display: none; }.imgteaser a:hover .more {visibility: hidden;}