如何将图像显示为一半或裁剪自己的尺寸?

时间:2012-03-03 12:01:17

标签: javascript html css css3

我已多次尝试但未发生过......

在img src上我想只显示一半图像,当我将鼠标悬停在该图像上时,它会显示完整图像...是否可能

3 个答案:

答案 0 :(得分:4)

有一个名为Clip

的属性

检查此http://jsfiddle.net/8fjZA/

答案 1 :(得分:2)

是。您可以在图像周围使用带overflow:hidden;的div。更改div的大小而不是图像的大小。

jQuery示例: http://jsfiddle.net/5GWCz/

或仅限CSS: http://jsfiddle.net/5GWCz/2/

答案 2 :(得分:0)

您可以使用CSS Image Sprites 这样做 看看这个链接

http://www.w3schools.com/css/css_image_sprites.asp