Tag: html

：hover状态不会在iOS上结束: 我有一个简单的hover状态的菜单： <nav id="menu"> <div><a href="#">Home</a></div> <div> <a href="#">1</a> <nav> <div><a href="#">1.1</a></div> <div><a href="#">1.2</a></div> <div><a href="#">1.3</a></div> </nav> </div> </nav> CSS： #menu > div > nav { display: none; position: absolute; z-index: 9999; } #menu > div:hover > nav { display: block; } 但是：hover状态永远不会结束。再次点击（其他地方）：hover仍然停留。我可以解决这个没有javascript？（小提琴）这似乎是摆脱的唯一方法：hover是：集中某个地方（ element.focus() ）或hover在别的东西上。

在iOS上contenteditable：控制/防止select工具栏？: 我有自己的contenteditable工具栏。在iPad上，当select文本时，系统会生成自己的popup式工具栏。这可以防止使用我的工具栏，它具有不包含在内置的选项。有没有办法禁用/隐藏/编辑此工具栏的行为？

在ios设备手指input标签上滚动: 我有一个基本的forms，在一个网站上有一些input字段。如果用户试图滚动页面，并通过将他的手指放在input框中开始滚动，则不会让页面滚动。如果他们用手指在身体某个地方开始滚动，页面就会滚动。这个人似乎也是同样的问题，但是他说以前的开发人员有目的地实现了这一点，我绝对没有这个问题。 input字段阻止页面在iPhone上滚动有任何想法吗？

通过移动Safari中的input字段进行选项卡使浏览器跳转: 有没有办法专注于这个领域，但没有这个animation？当键盘可见时，这种行为尤其糟糕。 – 更新 – 经过一些更多的研究，这似乎与iOS中的重点跳转错误有关。（ https://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios#focus-jumping ）固定它的一个巧妙的技巧是设置float: left; clear: left; float: left; clear: left; 在input字段（ Safari中的跳转input字段）但是，如果需要与某个position: fixed进行交互，该修复方法将无法工作position: fixed元素！跳跃的错误依然存在。演示 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> <script src="script.js"></script> </head> <body> <form> <input> <input> <input> <input> <input> … <input> </form> </body> </html>

Canvas.toDataURL不适用于移动Safari iOS？: 我尝试了以下。我从一个SVG图像创build一个<img> 。然后我画在canvas上，最后导出为PNG，并将生成的PNG设置为新的<img> 。它适用于Android，Chrome，Safari，FireFox。但是， canvas.toDataUrl()不适用于iOS上的移动Safari。它只在你不使用canvas上的SVG图像时才起作用。这里是我用来testing的代码： <div id="mydiv"></div> <img id="image2"> var mydiv = document.getElementById('mydiv'), image2 = document.getElementById('image2'); image2.crossOrigin="anonymous"; var image3 = new Image(); mydiv.appendChild(image3); image3.onload = function() { var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'); canvas.width = image3.width; canvas.height = image3.height; ctx.drawImage(image3,0,0, canvas.width, canvas.height); var dataUrl = canvas.toDataURL('image/png'); image2.src = dataUrl; […]

删除dateinput（iOS Safari）上的“清除”button: 是否可以删除iOS Safari（图像）上的<input type="date">input字段的“清除”button？我已经尝试使用所需，但它不适用于iOS6或iOS7。

移动Safari浏览器图片上传及其大小: 好吧，很多人知道，Safari浏览器手机现在允许通过相机或图像库file upload。问题在于，当照相机拍摄照片时，照片会被照原样发送，这意味着它在内存上非常沉重（即使在iPhone 4上，我认为它也是2或3 MB左右）。这使得上传真的很慢，带宽消耗（不适合移动）。你知道用<file /> html标签是否有办法对iOS说：“嘿，你还可以压缩图片吗？” – 就像通过邮件应用程序发送图片时一样。提前致谢。

如何在Browserstack的iOS模拟器中打开开发工具？: 我在Browserstack上使用iOS 8的iPhone 6模拟器，我需要检查我在网站上的源代码。如何在Browserstack的iOS模拟器中打开开发者工具？

为什么在iOS Safari Mobile（iPhone / iPad）中没有触发模糊事件？: 我有两个事件处理程序绑定到一个锚标记：一个用于焦点和模糊。处理程序在桌面上触发，但在iPhone和iPad中，只有焦点被正确触发。如果我在定位标记之外单击，模糊不会被触发（仅在单击页面中的其他表单元素时才会触发模糊）： $("a").focus(function(){ console.log("focus fired"); }); $("a").blur(function(){ console.log("blur fired"); }); HTML： <html> <form> <a href="#">test link</a> <div> <input type="text" title="" size="38" value="" id="lname1" name="" class="text"> </div> <div style="padding:100px"> <p>test content</p> </div> </form> </html>

溢出 – y不工作在模式中的Safari浏览器: 好的这里是html： <div style="height: 200px; position: relative;" id="filterOptionsContainer"> <table id="filterOptionsTable" class="table table-striped table-hover"> </table> </div> 基本上，我dynamic地添加行到表，我想容器滚动溢出。首先，我试图明显的： #filterOptionsContainer { overflow-y: auto; } 除了ios移动设备上的Safari之外，它在任何地方都可以正常工作。从那时起，我花了几个小时尝试每个我能想到和阅读的样式组合，但是我无法获得标准的溢出滚动。我得到的最接近的滚动条显示（它实际上并没有滚动）。所有的帮助表示赞赏。我很难相信，在Safari中无法滚动模式中的div的内容… 编辑：仍然在这个问题上。我需要解决它。