css 图片开始显示白色阴影，鼠标经过后显示图片正常的颜色

最新推荐文章于 2022-07-06 20:00:23 发布

yhd1998

最新推荐文章于 2022-07-06 20:00:23 发布

阅读量395

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/yhd1998/article/details/109001907

版权

css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style type="text/css">
           .y1{

           }
           .y2 a:hover{
               color: #23527c;
               text-decoration: underline;
               outline: 0;
           }
           .y2 img:hover{
               opacity: 1;

           }
           .y3{

               opacity: 0.5;
               /* 图片阴影白色多度 */
           }
       </style>
   </head>
   <body>
       <div class="y1">
           <a href="" class="y2">
               <img src="img/11.jpg" class="y3">
           </a>
       </div>
   </body>
</html>