使用CSS懸停更改鏈接不透明度

爲什麼不能正常工作？文字顏色會改變，但不透明度不會。使用CSS懸停更改鏈接不透明度

<style> 
.button:hover{ 
    color: #FFFF00; 
    opacity: 0; 
} 
</style> 

<a href="#" style="position:absolute; opacity: 0.3;background: #000;width:139px;height:150px;top:0;left:0;" class="button"></a>

https://jsfiddle.net/tmgordon/veL0n4g2/2/

來源

2016-12-28 Tom Gordon

正如@PHPglue所述，請看CSS特殊性：https：//developer.mozilla.org/en-US/docs/Web/CSS/Specificity – johnniebenson

內聯樣式覆蓋CSS。所以擺脫這種HTML風格的屬性，否則你將不得不使用JavaScript。使用外部CSS對所有內容進行樣式設置，以便將其緩存到用戶瀏覽器中。確保在更改CSS時更改src，否則客戶端瀏覽器可能會記住舊的CSS。

來源

2016-12-28 03:15:44 PHPglue

你可以試試這個。

<style>  
.button { 
    opacity: 0.3; 
} 

.button:hover{ 
     color: #FFFF00; 
     opacity: 0; 
    } 
</style> 
<a href="#" style="position:absolute;background: #000;width:139px;height:150px;top:0;left:0;" class="button"></a>

來源

2016-12-28 03:18:27

使用CSS懸停更改鏈接不透明度

回答

相關問題