爲什麼當我將鼠標懸停在我的文本框上時，它不會影響背景

Question

如果您將鼠標懸停在此網站上的某個帖子上，它將放大該圖片http://motivationalblogging.com/。我獲得了縮放工作，但只要我將鼠標懸停在出現縮放停止的文字上。我嘗試了各種不同的方式，我可以考慮保持背景縮放，但無法弄清楚原因。

三江源

Answer 1

a:link { 
    color: black; 
} 

a:visited { 
color: gray; 
} 

a:hover { 
    color: pink; 
} 

a:active { 
    color: yellow; 
} 

.background-switch { 
    text-align: center; 
    padding: 1em; 
    max-width: 250px; 
    font-size: 2.2em; 
    border-radius: 30px; 
    background-color: pink; 
} 
.background-switch:hover { 
    background-color: lightblue; 
    color: white; 

} 

.hover-rotate { margin-left: 30px; } 

.hover-rotate:hover { 
    -ms-transform: rotate(-10deg); 
    -webkit-transform: rotate(-10deg); 
    -moz-transform: rotate(-10deg); 
    -o-transform: rotate(-10deg); 
    transform: rotate(-10deg); 

} 

.hover-outline { 
    margin-left: 30px; 
    margin-top: 10px; 
} 

.hover-outline:hover { 
    outline: 5px solid gray; 
    outline-offset: 10px; 
} 

---

<h1><a href="http://www.fakesite.doesnt-exist.com-tk"> </a></h1> 
<p class="background-switch">Ok, now that you've done that, hover me next!</p>