DW怎么让图片按钮的下拉菜单背景图片消失？打申请来救救我！！！！
发布网友
发布时间：2022-04-20 23:46
共2个回答
热心网友
时间：2022-04-21 01:15
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ahover</title>
<style>
.menu {width: 56px;height: 55px;}
.menu ul {margin: 0;padding: 0;list-style: none;}
.menu ul li {width: 120px;height: 55px;float: left;overflow: hidden;}
.menu ul li a {width: 56px;height: 55px;background-image: url(../images/tiao.jpg);display: block;line-height: 40px;}
.menu ul li a:hover {background-position: 0 -55px;}
.menu ul li ul {display: none;}
.menu ul li:hover ul {position: absolute;top: 55px;left: 0;width: 120px;display: block;font-size: 16px;color: #444;text-align: center;}
.menu ul li:hover ul li a {width: 120px;background-color: #c35e60;color: #ddd;text-decoration: none;line-height: 55px;}
.menu ul li:hover ul li a:hover {background-color: #3f8289;}
.menu ul li ul li a {width: 120px;color: #ddd;text-decoration: none;line-height: 55px;background: rgba(195, 94, 96, 1) none;}
</style>
</head>
<body>
<div class="menu">
<ul>
<li><a href="#">nav</a>
<ul>
<li><a href="#">111</a></li>
<li><a href="#">222</a></li>
<li><a href="#">333</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
热心网友
时间：2022-04-21 02:33
