Board logo

标题: iframe如何置于最底层,感谢大家帮助! [打印本页]

作者: chenguang    时间: 2009-11-1 07:19     标题: iframe如何置于最底层,感谢大家帮助!

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" c>
  4. <title>CSS下拉菜单演示</title>
  5. <style type="text/css">
  6. <!--
  7. *{margin:0;padding:0;border:0;}
  8. body {
  9. font-family: arial, 宋体, serif;
  10. font-size:12px;
  11. color:white;
  12. }
  13. #nav {
  14. line-height: 24px; list-style-type: none; background:red;
  15. }
  16. #nav a {
  17. display: block; width: 80px; text-align:center;
  18. }
  19. #nav li {
  20. float: left; width: 80px; background:purple;
  21. }
  22. #nav li ul {
  23. line-height: 27px; list-style-type: none;text-align:left;
  24. left: -999em; width: 180px; position: absolute;
  25. }
  26. #nav li ul li{
  27. float: left; width: 180px;
  28. background:orange;
  29. }
  30. #nav li ul a{ wedisplay: block; width: 156px;text-align:left;padding-left:24px;
  31. }
  32. #nav li.sfhover ul {
  33. left: auto;
  34. }
  35. -->
  36. </style>
  37. <script type=text/javascript>
  38. <!--//--><![CDATA[//><!--
  39. function menuFix() {
  40. var sfEls = document.getElementById("nav").getElementsByTagName("li");
  41. for (var i=0; i<sfEls.length; i++) {
  42. sfEls[i].onmouseover=function() {
  43. this.className+=(this.className.length>0? " ": "") + "sfhover";
  44. }
  45. sfEls[i].onMouseDown=function() {
  46. this.className+=(this.className.length>0? " ": "") + "sfhover";
  47. }
  48. sfEls[i].onMouseUp=function() {
  49. this.className+=(this.className.length>0? " ": "") + "sfhover";
  50. }
  51. sfEls[i].onmouseout=function() {
  52. this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
  53. "");
  54. }
  55. }
  56. }
  57. window.onload=menuFix;
  58. //--><!]]>
  59. </script>
  60. </head>
  61. <body scroll=no leftmargin=5>
  62. <ul id="nav">
  63. <li><a>成功案例</a>
  64. <ul>
  65. <li><a>产品一</a></li>
  66. <li><a>产品一</a></li>
  67. <li><a>产品一</a></li>
  68. <li><a>产品一</a></li>
  69. <li><a>产品一</a></li>
  70. <li><a>产品一</a></li>
  71. </ul>
  72. </li>
  73. <li><a>成功案例</a>
  74. <ul>
  75. <li><a>服务二</a></li>
  76. <li><a>服务二</a></li>
  77. <li><a>服务二</a></li>
  78. <li><a>服务二服务二</a></li>
  79. <li><a>服务二服务二服务二</a></li>
  80. <li><a>服务二</a></li>
  81. </ul>
  82. </li>
  83. <li><a>成功案例</a>
  84. <ul>
  85. <li><a>案例三</a></li>
  86. <li><a>案例</a></li>
  87. <li><a>案例三案例三</a></li>
  88. <li><a>案例三案例三案例三</a></li>
  89. </ul>
  90. </li>
  91. <li><a>关于我们</a>
  92. <ul>
  93. <li><a>我们四</a></li>
  94. <li><a>我们四</a></li>
  95. <li><a>我们四</a></li>
  96. <li><a>我们四111</a></li>
  97. </ul>
  98. </li>
  99. <li><a>在线演示</a>
  100. <ul>
  101. <li><a>演示</a></li>
  102. <li><a>演示</a></li>
  103. <li><a>演示</a></li>
  104. <li><a>演示演示演示</a></li>
  105. <li><a>演示演示演示</a></li>
  106. <li><a>演示演示</a></li>
  107. <li><a>演示演示演示</a></li>
  108. <li><a>演示演示演示演示演示</a></li>
  109. </ul>
  110. </li>
  111. <li><a>联系我们</a>
  112. <ul>
  113. <li><a>联系联系联系联系联系</a></li>
  114. <li><a>联系联系联系</a></li>
  115. <li><a>联系</a></li>
  116. <li><a>联系联系</a></li>
  117. <li><a>联系联系</a></li>
  118. <li><a>联系联系联系</a></li>
  119. <li><a>联系联系联系</a></li>
  120. </ul>
  121. </li>
  122. </ul>
  123. <iframe src="d:\" width=760 height=450 style="z-index:-1;border:1px solid #175E88;">
  124. </body>
  125. </html>
复制代码
请问如何让下拉菜单在iframe上,让iframe在其底层!因为iframe src=d: 在本地,所以只有下载到本地才能预览到,[attach]1975[/attach]万分感谢您的支持!!
作者: zqz0012005    时间: 2009-11-1 12:01

层好像是css中的概念。
还有iframe之类的,建议楼主到html、css、dhtml相关专业网站咨询。
作者: lxl13596    时间: 2009-11-1 16:26     标题: 谢了楼主!

我再去看看!




欢迎光临 批处理之家 (http://www.bathome.net/) Powered by Discuz! 7.2