2010-06-02 148 views
1

我在歌剧中遇到问题。我有一个应用了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; 
    } 
    

    回答

    0

    问题得到解决,改变了鼠标悬停和鼠标移开事件是,返回true;

    +1

    如果您对这种工作原因感到好奇,我想我可以说一点:那些mouseover和mouseout事件返回的是事件是否应该冒泡到它们的父元素。因此,无论出于何种原因,Opera都不会更新游标,除非事件冒泡,并且由于jQuery被设置为在其事件处理程序中返回false,所以冒泡从未发生过。 – 2010-06-04 04:59:21

    0

    你应该使用悬停阶段这个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

    +0

    这并没有很好的解决这个问题,我发现如果我删除了JQuery代码就会显示光标,为什么会打破这个? 非常感谢 – buffaloj 2010-06-02 09:14:51