Back to home
CSS奇特用法：为IMG设置背景图片
2014-08-18 09:09:39 -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> <div> <img src="http://www.codefans.net/jscss/demoimg/201312/Anime_runner.gif" alt="runner" /> </div>
代码演示
<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> <div> <img src="http://www.codefans.net/jscss/demoimg/201312/Anime_runner.gif" alt="runner" /> </div>
«Newer
Older»
Comment:
Name:
Back to home
Subscribe
|
Register
|
Login
|
N