將屬性轉換爲除標記內的文本以外的所有內容

我很好奇，如果可以讓我的懸停過渡效果在此標記中的所有內容上都有效，那麼標記中的文本會變得非常有趣。如果這種效果是因爲invisiouned標籤的按鈕將逐漸消失，但在按鈕中的名稱將保持到工作..將屬性轉換爲除標記內的文本以外的所有內容

這裏是我的代碼迄今：

ul.nav a{ 
    z-index: 99999; 
    position: relative; 
    right: 20px; 
    bottom: -5px; 
    font-family: "Trebuchet MS", Helvetica, sans-serif; 
    display: block; 
    border: 2px solid #000; 
    border-radius: 5px; 
    padding: 9px 15px 20px 15px; 
    margin-right: 5px; 
    background-color: #EAEAEA; 
    text-decoration: none; 
    text-align: center; 
    color: #333; 
    transition: opacity .5s ease-in-out; 
}

而且懸停性能：

ul a:hover{ 
    background-color: #8F8F8F; 
    opacity: .10; 
    transition: background-color opacity 1s ease-out; 
} 

     <ul class ="nav"> 
     <li><a href="http://www.google.com">Home</a></li> 
     <li><a href="http://www.gmail.com">Portfolio</a></li> 
     <li><a href="http://www.facebook.com">About</a></li> 
     <li><a href= "http://www.Flickr.com">Blog</a></li> 
     <li class="floatr"><a href="http://www.flickr.com">Contact</a></li> 
    </ul>

來源

2014-11-06 user3736526

以下是應該如何完成的：不要更改元素的不透明度，請使用rgba顏色格式。這種顏色格式允許您除了設置顏色之外還設置不透明度，因此您可以設置背景不透明度而不是元素不透明度。因此，在主樣式（懸停之前的風格），有rgba(234,234,234,1)而不是#EAEAEA爲background-color，然後在懸停的風格，有rgba(143,143,143,0.1)代替#8F8F8F

來源

2014-11-06 23:39:25 Markasoftware

謝謝你幫我出去！ – user3736526 2014-11-07 00:04:28

我愛幫忙！另外，我看到你對於stackoverflow很新穎，當一個答案完全回答你的問題時，請點擊剛纔在投票計數下的小綠色「檢查」。這標誌着答案被「接受」，給予答案 - 呃15聲望並給你2 – Markasoftware 2014-11-07 00:21:56

將屬性轉換爲除標記內的文本以外的所有內容

回答

相關問題