且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

HTML图像翻转 - 图像不完全翻转之前加载?

更新时间:2022-06-25 18:34:09

1。答:
使用 CSS精灵

2。答:或创造一些这样的:

<a href="link.html">

<!-- Remove this img-tag if you don't have a 'nohover' background -->
<img alt="image" src="images/image.png" class="nohover" />

<img alt="imagehover" src="images/image.png" class="hover" />

</a>

和CSS的:

img.nohover {

img.nohover {

边框:0

}

img.hover {

img.hover {

边框:0;

显示:无

}

:悬停img.hover {

a:hover img.hover {

显示:内联

}

:悬停img.nohover {

a:hover img.nohover {

显示:无

}