当前位置:  开发笔记 > 前端 > 正文

如何获得--webkit-tap-highlight-color来突出显示整个DIV?

如何解决《如何获得--webkit-tap-highlight-color来突出显示整个DIV?》经验,为你挑选了1个好方法。

我很难让iPhone OS4在DIV上,在UIWebView中生成默认的点按高亮显示(即嵌入在应用程序中,而不是在Safari中).

标记是:


Title text

我的目标是看起来像原生照片视图的显示器 - 即一个滚动列表,左侧是图像,后面是一些文本,列表条目由细边框线分隔.列表条目中任何位置的点按都应触发链接 - 在图像上,文本上或列表项分隔符之间的空白处.

我无法在DIV上使用onclick = location.href = ...替换元素,因为我使用自定义URL架构将点击反馈给应用程序,并且location.href =不会触发UIWebView委托.

这是我到目前为止所尝试的:

    简单的HTML,没有CSS - 我得到了一个点按高亮显示,但文字在图像下方流动

    项目宽度320px向左浮动,img向左浮动 - 点击突出显示不再出现在空白或文本上,但在图像上显示

    一堆其他的东西!

我很难过如何在这个HTML上正确地点击水龙头 - 任何人都有任何关于如何使这个工作的想法/例子?



1> Kyle LeNeau..:

我刚刚完成一个移动网站项目,并遇到了一些类似的问题.首先,我会重新考虑你的HTML结构与div的内部锚点.我不确定是否符合HTML规范.我知道webviews和safari以及所有其他移动设备处理html验证的方式不同,有些比其他更严格,因此请注意并确保验证您的doc类型和内容类型.内容类型仍然在页面上烧我.其次,为了让点击突出显示工作,你必须放入更高的节点,然后它只适用于我认为的锚点.所以你可以用CSS在身体上做这样的事情:

body {
    -webkit-tap-highlight-color: #ccc;
}

第三,你不能尝试一下 onlick="window.location=your_href;"

希望这会有所帮助,或者让您了解需要注意的事项.


HTML5规范现在允许标签包装div.
推荐阅读
k78283381
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有