CSS圖像翻轉效果

Question

我在嘗試創建過渡效果以下CSS：

#arrow { 
    position:absolute; 
    left:540px; 
    top:150px; 
    width:220px; 
    height:120px; 
} 
#arrow a{ 
    display: block; 
    width:220px; 
    height:120px; 
    text-decoration: none; 
    background: url("images/arrow.jpg"); 
    background-position: 0 -120px; 
    } 
#arrow a:hover { 
    background-position: 0 0; 
    } 

後來，div標籤：

<div id="arrow"> 
    <a href="/arrow/arrow.htm"></a> 
</div> 

然而，當我在圖像上鼠標指針滑過，它不會更改鏈接的背景位置。思考？

Answer 1

將background-repeat: no-repeat加到#arrow a。

Answer 2

它正在工作，但您的背景重複，因此它可能看起來不工作。因此，要麼設置無重複或背景重複或只是脫掉url設置，然後將其添加到hove上