Javascript IE（手机）触摸时不显示子项_Javascript_Jquery_Html_Css

Javascript IE（手机）触摸时不显示子项

javascript jquery html css

Javascript IE（手机）触摸时不显示子项,javascript,jquery,html,css,Javascript,Jquery,Html,Css,你好，我有一个关于在触摸屏上显示子列表的问题。我创建了一个子列表，如果您将鼠标悬停在该子列表上，将显示该子列表，请参见：导入url（//fonts.googleapis.com/css？family=Titillium+Web:400200300600700）；身体{ 字号：18px；线高：1.42857143；颜色：#000；背景色：#fff；字体系列：“titilliumweb”，无衬线；利润率：50像素； } a{ 颜色：#000；文字装饰：无；背景色：透明； } .包

你好，我有一个关于在触摸屏上显示子列表的问题。我创建了一个子列表，如果您将鼠标悬停在该子列表上，将显示该子列表，请参见：

导入url（//fonts.googleapis.com/css？family=Titillium+Web:400200300600700）；身体{ 字号：18px；线高：1.42857143；颜色：#000；背景色：#fff；字体系列：“titilliumweb”，无衬线；利润率：50像素； } a{ 颜色：#000；文字装饰：无；背景色：透明； } .包装纸{ 显示：块；位置：相对位置；浮动：左； } .包装纸{ 颜色：#000；字号：600；线高：25px；位置：相对位置；显示：块；浮动：左；字体大小：20px；右侧填充：9px；左侧填充：9px；衬垫顶部：5.5px；垫底：8.5px； } .分项{ 保证金：0；填充：0； -webkit盒阴影：无；盒影：无；左边界：无；边界权：无；位置：绝对位置；最高：100%；左：0； z指数：1000；浮动：左；最小宽度：160px；显示：无；列表样式：无；字号：18px；文本对齐：左对齐；背景色：#245d94；边界半径：0； -webkit盒阴影：0 6px 12px rgba（0,0,0,0.175）；盒影：0 6px 12px rgba（0,0,0,0.175）； -webkit背景剪辑：填充框；背景剪辑：填充框； } .wrapper a:悬停+子项{ 显示：块；背景色：#245d94； } .wrapper a:悬停+子项a{ 颜色：#fff；显示：块； } .子项目>a{ 显示：块；填充：3px20px；明确：两者皆有；字体大小：正常；线高：1.42857143；颜色：#fff；空白：nowrap； } .子项：悬停{ 显示：块；颜色：#fff； }

您需要确保IE在标准模式下运行-输入如下doctype：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd">

参考

相邻同级选择器（+登录css）：
1，需要Windows Internet Explorer 7或更高版本

2、Combinators仅在符合标准的模式（strict！DOCTYPE）下启用。

以下来自Microsoft的文章中，我使用IE 10/11 mobile在Windows phone上对其进行了测试

添加

aria haspoop=“true”

属性将适用于第一次单击，因为它模拟了

悬停事件
<a href="#" aria-haspopup="true">
    TOUCH ME 2
</a>



触摸是指悬停？@apieceofbart没有真正的触摸（比如你在没有悬停的触摸设备上按）应该在IE MobileOn上写下你正在测试哪台设备？@empiric在平板电脑和支持联想触摸的超极本上