Back to home
CSS奇特用法：为IMG设置背景图片
2014-04-07 08:53:13 -0400
代码说明
IMG标签本身是显示图片的，但通过CSS可以再为其设置背景图片，让其和自身的图片配合来显示，最终的效果会让你惊叹。当然，这个发现来自于老外，所以代码马上与大家分享。再此之前，我也从来没有想到过这个思路，我想这种思路可以应用的地方相当多了。转自源码爱好者。
HTML代码
<style type="text/css"> div { background: url('http://www.codefans.net/jscss/demoimg/201312/blur.jpg') no-repeat top left; width:232px;height: 200px; } img {display:block;background: url('http://www.codefans.net/jscss/demoimg/201312/parallax.gif') no-repeat bottom left; padding: 93px 100px 75px 100px; } </style> </head> <body> <div> <img src="http://www.codefans.net/jscss/demoimg/201312/Anime_runner.gif" alt="runner" /> </div> </body>
代码演示
«Newer
Older»
Comment:
Name:
Back to home
Subscribe
|
Register
|
Login
|
N
