本院长 2016-11-23 08:32 采纳率: 100%
浏览 1272
已采纳

css中 a:hover无用 想使图片隐鲹 鼠标碰到时出现下拉

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>彩妆热卖产品列表</title>
<style type="text/css">

    body, p, ul, li{
            margin: 0px;
            padding: 0px;
        }

    #nav{
            width: 255px;
            background-color: #fff;
        }

    #nav .title{
            background-color: #e9185a;
            color: #fff;
            padding-left: 10px;
            height:35px;
            font-weight:bold;/*字体粗细*/
            font-size:14px;
            line-height:35px
        }

    ul, li{
            line-style-type: none;
        }

    #nav a{
            color: #666;
            text-decoration: none;
            font-size:13px;
        }

    #nav li{
            border-bottom: 1px #a8a5a5 dashed;
            line-height: 30px;
            padding-left: 2px;
        }

    #nav span{
            background-image: url(image/dot_01.gif);
            background-position: 0px 5px;
            background-repeat: no-repeat;
            text-align: center;
            padding: 10px;
            font-weight: bold;
            color: #fff;
        }

    #nav li div{
            display: none;
            text-align: center;
        }

    #nav a:hover div{
            display: block;
        }
</style>
</head>
<body>
    <div id="nav">
        <P class="title">大家都喜欢的彩妆</P>

        <ul>    
            <li>
                <span>1</span>
                <a href="#">Za姬芮新能真皙美白隔离霜 35g</a>

                <div>
                    <img src="image/icon-1.jpg" alt="icon_1" />
                    <p>￥62.00  最近69122人购买</p>
                </div>
            </li>
        </ul>
    </div>
</body>
</html>
  • 写回答

2条回答 默认 最新

  • Go 旅城通票 2016-11-23 10:07
    关注

    你的div又不是a的子元素，css选择器都错了，放a里面就行了

                   <a href="#">Za姬芮新能真皙美白隔离霜 35g<div>
    <img src="image/icon-1.jpg" alt="icon_1" />
    <p>￥62.00  最近69122人购买</p>
</div></a>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 微信小程序协议怎么写
  • ¥15 c语言怎么用printf（“\b \b”）与getch（）实现黑框里写入与删除？
  • ¥20 怎么用dlib库的算法识别小麦病虫害
  • ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
  • ¥15 java写代码遇到问题，求帮助
  • ¥15 uniapp uview http 如何实现统一的请求异常信息提示？
  • ¥15 有了解d3和topogram.js库的吗？有偿请教
  • ¥100 任意维数的K均值聚类
  • ¥15 stamps做sbas-insar，时序沉降图怎么画
  • ¥15 买了个传感器，根据商家发的代码和步骤使用但是代码报错了不会改，有没有人可以看看