2013-03-07 213 views
0

我的问题是:为什么这个div(class =“menu_cent”)无法正常工作.menu_cent:active,当我在移动设备上点击它时,但在桌面上它的作品。a:active在移动设备上不工作

<div class="m_10"> 
     <a href="#" onclick="set_lng('en')"><div class="menu_cent">English</div></a> 
    </div> 

    .menu_cent 
{background:#fff;font-family:Arial, Helvetica, sans-serif;word-wrap:break-word;min-height:16px;background:#FFF;border:1px solid #d9d9d9;padding:10px;line-height:1.3;text-align:center;font-size:16px;color:#888;font-weight:700;cursor:pointer} 

    .menu_cent:active 
{background:#f1f1f1;font-family:Arial, Helvetica, sans-serif;word-wrap:break-word;min-height:16px;background:#FFF;border:1px solid #d9d9d9;padding:10px;line-height:1.3;text-align:center;font-size:16px;color:#888;font-weight:700;cursor:pointer} 

我曾试图用

<div class="m_10"> 
    <a href="#" onclick="set_lng('en')"><div onClick="style.backgroundColor='#f1f1f1';" class="menu_cent">English</div></a> 
</div> 

它的工作原理,但它带有延迟。

请帮

+1

java!= javascript – ddmps 2013-03-07 21:45:27

回答

1

如果你要链接为目标,你把主动伪类错误的元素。这里是你如何想办法吧:

a:active div.menu_cent{ 
property: blah; 
} 

否则,你可以设置DIV:活跃(我知道这工作在WebKit浏览器,不知道其他人),但通常你会希望:主动和:主要访问锚元素上的伪类。

还有你有你的背景设置两次:活动块。这是你没有看到任何变化的部分原因。

相关问题