Jquery 分区周围的iOS(Safari和Chrome)黑色边框
我有一个没有边框的Jquery 分区周围的iOS(Safari和Chrome)黑色边框,jquery,html,ios,iphone,css,Jquery,Html,Ios,Iphone,Css,我有一个没有边框的div。在iPhone/iPad浏览器上,它的周围有一个黑色边框。守则: .progress { position: absolute; left: 0px; z-index: 9999; background: #ffffff url(img/progress.gif) center 95px no-repeat; height: 100%; } 我已经试过了: border: 1px solid white; 但是没有用。透明的也不会带来任何好处 截图: 编辑: 事实上
div
。在iPhone/iPad浏览器上,它的周围有一个黑色边框。守则:
.progress {
position: absolute;
left: 0px;
z-index: 9999;
background: #ffffff url(img/progress.gif) center 95px no-repeat;
height: 100%;
}
我已经试过了:
border: 1px solid white;
但是没有用。透明的也不会带来任何好处
截图:
编辑:
事实上,我不知道发生了什么。因为这个div出现在其他没有边界的情况下。去看现场直播。这是Ajax
“加载”动画div
。每当你点击一个链接,你都可以看到它。但是,如果您转到并单击图像,您会看到相同的div
,但带有边框。。。?
这是否与图像的jQueryfadeOut
有关
谢谢 这发生在我身上,与允许缩放的元标记有关 显然iOS Safari在调整大小和创建工件方面存在问题 应用meta标记禁用缩放解决了我的问题(user scalable=no)
这发生在我身上,与允许缩放的元标记有关 显然iOS Safari在调整大小和创建工件方面存在问题 应用meta标记禁用缩放解决了我的问题(user scalable=no)
您是否在iOS simulator中调出此选项并检查dom?还有另一个属性,Outline,可能正在使用中。你在使用CSS重置吗?你必须带更多信息。请提供正在使用的html和其他css…我在Nown pops中做了一些测试作为黑色边框。@stacey.mosier不,我没有使用iOS模拟器,我应该试一试吗?我尝试了大纲:0!重要的代码>,无效。我使用normalize.css
@Juan转到并单击图像。谢谢@loveNoHate我也有同样的问题,但是是在链接而不是div上。仅在iPhone和iPad上。那么,6年后:是否有一个已知的解决方案?您是否在iOS模拟器中启动了此功能并检查了dom?还有另一个属性,Outline,可能正在使用中。你在使用CSS重置吗?你必须带更多信息。请提供正在使用的html和其他css…我在Nown pops中做了一些测试作为黑色边框。@stacey.mosier不,我没有使用iOS模拟器,我应该试一试吗?我尝试了大纲:0!重要的代码>,无效。我使用normalize.css
@Juan转到并单击图像。谢谢@loveNoHate我也有同样的问题,但是是在链接而不是div上。仅在iPhone和iPad上。因此,6年后:是否有一个已知的解决方案?这为我解决了一个问题,即边框出现在滑块容器上,尽管在iPhone和iPad上都是横向的。使用这个标签,你不允许用户缩放,这是一个糟糕的可访问性做法。例如,对于依赖屏幕放大镜的视力低下的人来说。这解决了我的问题,即边框出现在滑块容器上,尽管在iPhone和iPad上都是横向的。使用此标签,你不允许用户缩放,这是一种糟糕的可访问性做法。例如,对于依赖屏幕放大镜的低视力人群。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />