gpt4 book ai didi

html - 按钮不会点击 Mobile Safari

转载 作者:行者123 更新时间:2023-11-28 03:33:09 27 4
gpt4 key购买 nike

我的网页上有几个按钮,在我测试过的所有浏览器上都能正常工作,但移动 safari(Iphone、Ipad 等)

如果您转到:http://www.divisionforty.com/

然后单击查看视频或更多信息,您将看到没有任何反应,因为同一页面上的另一个按钮可以正常工作。

代码如下:

    <div id="hero">
<div class="page-header pull-left"><h1>you deserve a better web experience!</h1>
<p>inroducing a complete web presence service that is designed to ease your companies workload while increasing user ease.<br> <a href="services.php"> learn more</a></p>


<a href="#" id="videofade" class="button">watch video</a>


</div>


</div>

出于某种原因,只有这些按钮似乎不起作用。

希望有人能帮忙

丹佛

最佳答案

想出了一个解决办法。搞砸了,因为

<video id="videopromo" style="display:none;position:absolute;z-index:-1;" controls poster="video/video.jpg" width="100%" height="500">
<source src="video/video.mp4" type="video/mp4">
<source src="video/video.webm" type="video/webm">
<object type="application/x-shockwave-flash" data="video/player.swf"
width="854" height="504">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="flashvars" value="file=video.mp4">
<!--[if IE]><!--><param name="movie" value="player.swf">
<!--<![endif]-->


<img src="http://devfiles.myopera.com/articles/4791/video.jpg" width="100%" height="500" alt="Video">
<p>Your browser can't play HTML5 video. <a href="video/video.webm">
Download it</a> instead.</p>
</object>
</video>

放在上面

<div id="heroslider">

<div id="hero">
<div class="page-header pull-left"><h1>you deserve a better web experience!</h1>
<p>inroducing a complete web presence service that is designed to ease your companies workload while increasing user ease.<br> <a href="services.php"> learn more</a></p>


<a href="#" id="videofade" class="button">watch video</a>


</div>


</div>

</div>

我只是用 display:none 隐藏视频,单击按钮时取消。

现在一切正常,您可以在移动设备上测试 http://divisionforty.com

丹佛

关于html - 按钮不会点击 Mobile Safari,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16288959/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com