Question

我知道如何制作可链接的图像。我的问题是，我希望能够通过拥有链接的图像来更多地自定义它。我只希望这些图像添加不透明度，以便我的其他图像不受影响。有没有办法实现这个目标？

Answer 1

首先为标准img设置CSS，然后为链接的图像设置CSS：

<!DOCTYPE html>

<html>

  <head>

    <style>

      /* STANDARD IMAGE */
        img {
           opacity: 1;
      }

      /* LINKED IMAGE */
         a img {
            opacity: .5;
         }

      </style>

  </head>

 <body>

   Linked Image:<br><a href="#"><img src="http://placehold.it/350x150"></a>

   <br><br>Standard Image:<br><img src="http://placehold.it/350x150">

  </body>

</html>

可链接图像

1 个答案: