在我正在制作的一个html页面中,我尝试使用html和css使div可点击。这在我测试过的一些主要浏览器(Chrome、Firefox、Opera、Safari)和HTC手机上都能很好地工作,但当我尝试在Iphone上测试时,我发现它根本不起作用。复选框本身甚至不可选择
这是我的(在Iphone上工作除外)代码:
HTML:
<;div class=”“style=“高度:30px;”大于;
<;div style=“显示:表格;宽度:100%;”>;
<;div style=“显示:表格行;宽度:100%;”>;
<;div style=“显示:表格单元格;”>;
<;标签为=“3171”>;文本…</标签>;
</部门>;
<;div style=“显示:表格单元格;文本对齐:右侧;”;
<;输入type=“checkbox”id=“3171”name=“3171”>;
</部门>;
</部门>;
</部门>;
<;标签为=“3171”>;
<;span class=“blocklink”>;不可见文本</span>;
</标签>;
</部门>;
CSS:
.blocklink{
显示:块;
身高:100%;
左:0;
溢出:隐藏;
位置:绝对位置;
文本缩进:-999em;
排名:0;
宽度:100%;
}
因此,正如您所看到的,我使用的技术基本上只有一个<;标签>分布在父级div上,因此无论单击何处,它都会勾选/取消勾选链接复选框
不幸的是,这在IPhone上不起作用。是否有可能继续使用这种技术,同时提供IPhone支持?(最好不要使用javascript,因为我真的很想只使用HTML和CSS)
提前感谢,
阿恩
将空的onclick=“添加到标签会使元素在IOS4上再次可单击。默认情况下,该操作似乎被按住复制粘贴文本机制阻止或取代
<;=“elementid”onclick=”“>;的标签;标签</标签>;