如果这个input框后边的框是个图片,向下icon是个图片,怎样实现这种效果呢?
html结构:div>input+i
背景图片放div上。
icon放i上~
i直接position就可以。
用 :before
:after
就可以实现了.
用伪类就能实现这样的方法。
绝对定位啊,最外层套一个标签
可以用css3来实现.
<!DOCTYPE html>
<html>
<head>
<style>
body{background-image:url(http://www.w3school.com.cn/i/bg_flower.gif),url(http://www.w3school.com.cn/i/bg_flower_2.gif);}
</style>
</head>
<body>
</body>
</html>
效果是bg_flower.gif图片叠加在bg_flower_2.gif上面.
要实现这种效果, bg_flower.gif图片必须可以保存透明度, 例如png或者gif格式之类的