html - CSS トランジションが機能しない: フェードの問題

Question

こんにちは、Microsoft Expression Web 4 を使用して Web サイトを作成しています。コードにカーソルを合わせると、リンクが別の画像にフェードインするようにしたいと考えています。コードは次のとおりです。

.about { background: url('../images/aboutbutton1.png') no-repeat;
min-height: 50px;
max-width: 150px;
-moz-transition: background .45s linear;
-webkit-transition: background .45s linear;
transition: background .45s linear;
}

.about:hover {
background: url('../images/aboutbutton2.png') no-repeat;
min-height: 50px;
max-width: 150px;
-moz-transition: background .45s linear;
-webkit-transition: background .45s linear;
transition: background .45s linear;
}

しかし、私はそれを行うたびに、フェードしないだけで切り替わります! 助けてください！