淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 523|回复: 3
收起左侧

[装修相关] 写的代码鼠标经过效果但是出问题了所有的div都有了鼠标

[复制链接]
  • TA的每日心情
    委屈
    2016-9-21 12:28
  • 签到天数: 88 天

    连续签到: 1 天

    [LV.6]渐入佳境

    9

    主题

    73

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29287

    发表于 2015-12-10 09:31:21 | 显示全部楼层 |阅读模式
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>无标题文档</title>
    6. <style  type="text/css">
    7. .huojia990-2 .huojia990-10{transition: all 0.2s ease 0s;
    8. transition-property: all;
    9. transition-duration: 0.2s;
    10. transition-timing-function: ease;
    11. transition-delay: 0s;}
    12. .huojia990-3{
    13.   width:242px;
    14.   height:408px;
    15.   background-color:#CCC;
    16.   float:left;
    17.   margin-right:5.5px;
    18.   position:relative;
    19.   top:0px;
    20.   left:0px;
    21.   
    22.   }
    23.    
    24.    
    25.    
    26.   .huojia990-3 .huojia990-5{position:relative;
    27.    font-family: "微软雅黑";
    28.   left: 0px;
    29.   top: 0px;
    30.   z-index:10;
    31.   width:242px;
    32.   height:36px;
    33.   background-image: url(https://img.alicdn.com/imgextra/i1/1862711173/TB2a9rziXXXXXa.XpXXXXXXXXXX_!!1862711173.jpg) ;
    34.     }
    35.   .huojia990-3 .huojia990-5   .huojia990-6{ width:50px; height:71px;
    36.     z-index:11;
    37.     position:absolute;
    38.     background-image:url(https://img.alicdn.com/imgextra/i1/1862711173/TB2bMHBiXXXXXbhXpXXXXXXXXXX_!!1862711173.jpg);
    39.     bottom:0px;
    40.     left:183px;
    41.       
    42.       }
    43.   .huojia990-3 .huojia990-5    .huojia990-7{
    44.   width: 50px;
    45.   margin-left: 60px;
    46.   margin-top:7px;
    47.   
    48.   font-weight: bold;
    49.   color:#f00234;
    50.   float:left;
    51.   font-size:20px;
    52.       }
    53.     .huojia990-3 .huojia990-5    .huojia990-8{
    54.   width: 50px;
    55.   margin-left: 3px;
    56.   margin-top: 15px;
    57.   color: # 666;
    58.   float: left;
    59.   font-size: 12px;
    60.   text-decoration: line-through;  
    61.       }
    62.       
    63.       .huojia990-2 .huojia990-10 :hover{box-shadow:0 0 10px #000;outline:2px solid #FFF;}
    64.       
    65.    
    66.     </style>
    67. </head>

    68. <body>


    69. <div style="width:990px;" class="huojia990-2">
    70.        <div class="huojia990-3  huojia990-10 ">
    71.      <div class="huojia990-4"><img src="https://img.alicdn.com/imgextra/i3/1862711173/TB2URYQiXXXXXbNXXXXXXXXXXXX_!!1862711173.jpg" width="242" height="372" /></div>

    72. <div class="huojia990-5" >
    73. <div class="huojia990-6" ></div>

    74. <div class="huojia990-7" >9999</div>
    75. <div class="huojia990-8" >¥9999</div>

    76. </div>
    77. </div>





    78. <div class="huojia990-3">
    79.      <div class="huojia990-4"><img src="https://img.alicdn.com/imgextra/i3/1862711173/TB2URYQiXXXXXbNXXXXXXXXXXXX_!!1862711173.jpg" width="242" height="372" /></div>

    80. <div class="huojia990-5" >
    81. <div class="huojia990-6" ></div>

    82. <div class="huojia990-7" >9999</div>
    83. <div class="huojia990-8" >¥9999</div>

    84. </div>
    85. </div>





    86. <div class="huojia990-3">
    87.      <div class="huojia990-4"><img src="https://img.alicdn.com/imgextra/i3/1862711173/TB2URYQiXXXXXbNXXXXXXXXXXXX_!!1862711173.jpg" width="242" height="372" /></div>

    88. <div class="huojia990-5" >
    89. <div class="huojia990-6" ></div>

    90. <div class="huojia990-7" >9999</div>
    91. <div class="huojia990-8" >¥9999</div>

    92. </div>
    93. </div>





    94. <div class="huojia990-3">
    95.      <div class="huojia990-4"><img src="https://img.alicdn.com/imgextra/i3/1862711173/TB2URYQiXXXXXbNXXXXXXXXXXXX_!!1862711173.jpg" width="242" height="372" /></div>

    96. <div class="huojia990-5" >
    97. <div class="huojia990-6" ></div>

    98. <div class="huojia990-7" >9999</div>
    99. <div class="huojia990-8" >¥9999</div>

    100. </div>
    101. </div>
    102. </div>


    103. </body>
    104. </html>
    复制代码



    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    思考
    28 分钟前
  • 签到天数: 385 天

    连续签到: 63 天

    [LV.9]已臻大成

    0

    主题

    285

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    111201

    最佳新人热心会员

    发表于 2015-12-10 10:44:00 | 显示全部楼层
    .huojia990-2 .huojia990-10 :hover{box-shadow:0 0 10px #000;outline:2px solid #FFF;}  鼠标以上 产生阴影? CSS3。。。
    人穷志短 马瘦毛长
  • TA的每日心情
    委屈
    2016-9-21 12:28
  • 签到天数: 88 天

    连续签到: 1 天

    [LV.6]渐入佳境

    9

    主题

    73

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29287

     楼主| 发表于 2015-12-10 11:09:03 | 显示全部楼层
    bantu 发表于 2015-12-10 10:44
    .huojia990-2 .huojia990-10 :hover{box-shadow:0 0 10px #000;outline:2px solid #FFF;}  鼠标以上 产生阴 ...

    我知道怎么回事了,谢谢

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    大哭
    前天 16:41
  • 签到天数: 652 天

    连续签到: 1 天

    [LV.9]已臻大成

    37

    主题

    2231

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    【单身狗认证】

    Rank: 8Rank: 8

    积分
    138386

    最佳新人热心会员宣传达人活跃会员优秀版主灌水之王

    QQ
    发表于 2015-12-11 18:27:29 | 显示全部楼层
    X
    X
    O
    O
    X

    O
    下面轮到你出棋了你是X

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-9 08:07 , Processed in 0.099132 second(s), 14 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表