jQuery paginator and：hover

Question

這是我的網站：Gutdesign

點擊左側的電視。你現在看到項目列表。一切都對我有好處，但是如何讓這個橙色箭頭在開始時隱藏起來？我想在用戶在此區域移動鼠標時顯示它們（hover效果）。但是如何？

CSS「display: none;」，然後懸停「display: block;」風格不工作:(任何想法，爲什麼？

Answer 1

添加opacity: 0到.left_arrow和.right_arrow，然後創建一個新的規則，.left_arrow:hover和.right_arrow:hover，並添加opacity: 1到

// filter is used for IE8 and earlier 
.left_arrow, .right_arrow 
{ 
    opacity: 0; 
    filter: alpha(opacity = 0); 
} 
.left_arrow:hover, .right_arrow:hover 
{ 
    opacity: 1; 
    filter: alpha(opacity = 100); 
} 

Answer 2

這一規則。我會與精靈走了。你讓已在底部的箭頭和空白在頂部的圖像，並使用背景位置，說明你想要的一半。

實例（我沒有看到的頁面，這樣的類名稱只是一個參考）：

.left_arrow a {background-image:url('../img/img.png')} 
.left_arrow a {background-position:0px 0px} 
.left_arrow a:hover {background-position:0px -72px} 

更多關於精靈：http://css-tricks.com/158-css-sprites/

Answer 3

類似的東西：http://jsfiddle.net/26MVV/（全jQuery的）？