Html 按钮赢了';t单击移动Safari
我的网页上有几个按钮,在我测试过的所有浏览器上都能正常工作,但手机safari(Iphone、Ipad等)除外 如果您访问: 点击“查看视频”或“更多信息”,您将看到,当同一页面上的另一个按钮运行良好时,不会发生任何事情 代码如下:Html 按钮赢了';t单击移动Safari,html,mobile,button,twitter-bootstrap,mobile-safari,Html,Mobile,Button,Twitter Bootstrap,Mobile Safari,我的网页上有几个按钮,在我测试过的所有浏览器上都能正常工作,但手机safari(Iphone、Ipad等)除外 如果您访问: 点击“查看视频”或“更多信息”,您将看到,当同一页面上的另一个按钮运行良好时,不会发生任何事情 代码如下: <div id="hero"> <div class="page-header pull-left"><h1>you deserve a better web experience!</h1&g
<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>
你应该有更好的网络体验!
创建一个完整的web展示服务,该服务旨在减轻您公司的工作负担,同时提高用户的易用性。
出于某种原因,只有这些按钮似乎不起作用
希望有人能帮忙
丹佛想出了一个解决办法。事情搞砸了,因为
<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>
您的浏览器无法播放HTML5视频。相反
放在上面
<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>
你应该有更好的网络体验!
创建一个完整的web展示服务,该服务旨在减轻您公司的工作负担,同时提高用户的易用性。
我只是用一个显示来隐藏视频:单击按钮时,无将取消显示
现在一切正常,您可以在
丹佛检查你的CSS。display:block?您是否在CSS上使用
display:
属性?我打赌你的按钮显示为内联元素或高度为零。你介意看一看吗,因为我似乎找不到它所在的任何地方,或者为什么它只会发生在手机上的某个地方