大佬教程收集整理的这篇文章主要介绍了jquery – z-index和iframe问题 – 下拉菜单,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我已将z-index 1000应用于下拉菜单,但包含youtube视频的iframe仍显示在菜单上方.请在下方查看(查看“短代码”菜单):
http://www.matthewruddy.com/demo/?page_id=765
我无法弄清楚为什么会这样.谁能帮我吗?如果它有帮助,这是CSS:
#jquery-dropdown { position: absolute; bottom: 0; right: 10px; } #jquery-dropdown ul { margin: 0; padding: 0; list-style: none; } #jquery-dropdown ul li { margin: 0; padding: 15px 10px 15px 10px; position: relative; float: left; } #jquery-dropdown ul li a { display: block; text-decoration: none; font-weight: bold; font-size: 13px; color: #707070; outline: none; } #jquery-dropdown ul li ul { position: absolute; left: -10px; top: 46px; display: none; BACkground: #f4f4f4; border: 1px solid #e1e1e1; border-top: none; z-index: 1000; padding: 5px 0; -moz-Box-shadow: 1px 2px 3px #a4a4a4; -webkit-Box-shadow: 1px 2px 3px #a4a4a4; Box-shadow: 1px 2px 3px #a4a4a4; } #jquery-dropdown ul li ul li { margin: 0; padding: 0; float: none; position: relative; z-index: 1000; } #jquery-dropdown ul li ul li a { width: 180px; padding: 10px; z-index: 1000; } #jquery-dropdown ul li ul li a:hover { BACkground: #e0e0e0; }
<object width="640" height="385"><param name="wmode" value="transparent"></param><param name="movie" value="http://www.youtube.com/v/Q5im0Ssyyus?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Q5im0Ssyyus?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
以上是大佬教程为你收集整理的jquery – z-index和iframe问题 – 下拉菜单全部内容,希望文章能够帮你解决jquery – z-index和iframe问题 – 下拉菜单所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。