一个标签使用两个背景图.怎样实现一个压一个?

如果这个input框后边的框是个图片,向下icon是个图片,怎样实现这种效果呢?
图片描述

阅读 4.9k
5 个回答

: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格式之类的

html结构:div>input+i
背景图片放div上。
icon放i上~
i直接position就可以。

绝对定位啊,最外层套一个标签

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题