2014-09-06 121 views
-2

我知道如何製作可鏈接圖片。我的問題是我希望能夠通過鏈接的圖像更多地進行定製。我只希望這些圖像添加不透明度,以便其他圖像不受影響。有沒有辦法做到這一點?可鏈接圖片

+0

請分享一些代碼,你能告訴我們你是如何聯繫他們。你使用JavaScript還是用a-tag包裝圖像? – hffmr 2014-09-06 19:34:21

回答

0

首先爲您的標準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>​ 
+0

他希望鏈接的圖像具有不透明度,例如:0.5其他1 – 2014-09-06 22:19:38