背景圖像css歌劇問題

我在歌劇中遇到問題。我有一個應用了backgorund圖像的hyperlinnks系列。當我將鼠標懸停在鏈接上時，指針光標不顯示。背景圖像css歌劇問題

這是一個已知的bug，下面

/蟋蟀「稱號=‘蟋蟀’ID =‘板球鏈接碼’的風格=」背景圖像：網址（/可溼性粉劑內容/主題/ blank2L /圖片/側邊欄「）;」onmouseover =「$（）。hoverSidebarImage（'/ wp-content/themes/blank2L/images/sidebar-cricket-bghover.jpg'，'cricket'）;返回false;「onmouseout =」$（）。originalSidebarImage（'/ wp-content/themes/blank2L/images/sidebar-cricket-bg.jpg'，'cricket'）;返回false;「>板球

#sidebar ul { 
margin: 0; 
padding: 0 0 27px 16px; 
display: block; 
float: left; 
width: 180px; 
} 

#sidebar ul li { 
background-image: url(images/left-nav-bg.jpg); 
background-repeat: no-repeat; 
margin: 0; 
margin-bottom: 10px; 
padding: 0; 
display: block; 
float: left; 
width: 180px; 
height: 40px; 
list-style-type: none; 
cursor:pointer !important; 
} 


#sidebar ul li a { 
background-repeat: no-repeat; 
background-position: 2px 2px; 
margin: 0; 
padding: 8px 8px 0 4px; 
display: block; 
float: left; 
width: 168px; 
height: 32px; 
color: #ffffff; 
font-family: Helvetica, Arial, sans-serif; 
font-size: 18px; 
font-weight: bold; 
text-align: right; 
cursor:pointer !important; 
}

來源

2010-06-02 buffaloj

問題得到解決，改變了鼠標懸停和鼠標移開事件是，返回true;

來源

2010-06-02 09:25:52 buffaloj

如果您對這種工作原因感到好奇，我想我可以說一點：那些mouseover和mouseout事件返回的是事件是否應該冒泡到它們的父元素。因此，無論出於何種原因，Opera都不會更新遊標，除非事件冒泡，並且由於jQuery被設置爲在其事件處理程序中返回false，所以冒泡從未發生過。 – 2010-06-04 04:59:21

你應該使用懸停階段這個ID

#sidebar ul li hover{ 
background-repeat: no-repeat; 
background-position: 2px 2px; 
margin: 0; 
display: block; 
float: left; 
width: 168px; 
height: 32px; 
color: #ffffff; 
font-family: Helvetica, Arial, sans-serif; 
font-size: 18px; 
font-weight: bold; 
text-align: right; 
cursor:pointer !important; 
}

在樣式添加此CSS

來源

2010-06-02 09:06:15

這並沒有很好的解決這個問題，我發現如果我刪除了JQuery代碼就會顯示光標，爲什麼會打破這個？非常感謝 – buffaloj 2010-06-02 09:14:51

背景圖像css歌劇問題

回答

相關問題