当前位置:Gxlcms > html代码 > 漂浮窗口受后面样式影响变透明的问题_html/css_WEB-ITnose

漂浮窗口受后面样式影响变透明的问题_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:23人阅读

鼠标放上去后弹出的漂浮选项菜单是透明的,怎样才能让它不透明?



原代码如下:
  1. <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>下拉</title><style>#sddm{
  2. margin: 0 auto;
  3. padding: 0;
  4. z-index: 30;
  5. background-color:#F4F4F4;
  6. width: 480px;
  7. height:23px;}#sddm li{
  8. margin: 0;
  9. padding: 0;
  10. list-style: none;
  11. float: left;
  12. font: bold 12px arial}#sddm li a{
  13. display: block;
  14. margin: 0 1px 0 0;
  15. padding: 4px 10px;
  16. width: 60px;
  17. background: #5970B2;
  18. color: #FFF;
  19. text-align: center;
  20. text-decoration: none}#sddm li a:hover{
  21. background: #49A3FF}#sddm div{
  22. position: absolute;
  23. visibility: hidden;
  24. margin: 0;
  25. padding: 0;
  26. background: #EAEBD8;
  27. border: 1px solid #5970B2}#sddm div a
  28. {
  29. position: relative;
  30. display: block;
  31. margin: 0;
  32. padding: 5px 10px;
  33. width: auto;
  34. white-space: nowrap;
  35. text-align: left;
  36. text-decoration: none;
  37. background: #EAEBD8;
  38. color: #2875DE;
  39. font: 12px arial}
  40. #sddm div a:hover
  41. {
  42. background: #49A3FF;
  43. color: #FFF}
  44. body{ font-size:12px; color:#666666; line-height:18px;}.clear{ clear:both;}.mtop5{ margin-top:5px;}.title{ border:solid 1px #d4d4d4; height:20px; font-weight:bold; position:relative; border-left:none; border-right:none;}.title-t{ position:absolute; top:0px; left:0px; border-bottom:solid 2px #4583bd; height:20px; line-height:20px; padding-left:10px;}</style><!-- dd menu -->


回复讨论(解决方案)

选项菜单设置背景颜色

选项菜单设置背景颜色



不管用啊,你怎么试的?


选项菜单设置背景颜色



不管用啊,你怎么试的?



不是背景透明,是title层,高于onmouseover层.

#sddm div {z-index:10}



选项菜单设置背景颜色



不管用啊,你怎么试的?



不是背景透明,是title层,高于onmouseover层.



那怎么办啊?我要的就是下面这样的效果,visia选项把横线覆盖。

#sddm div {z-index:10}



也不管用呢


#sddm div {z-index:10}



也不管用呢


  1. <div style=" position: relative; top: 0px; left: 40px; z-index:10;" id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"></div>

代码结构很乱哦.

  1. <div style=" position: relative; top: 0px; left: 40px; z-index:10;" id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"></div>

代码结构很乱哦.



大神啊。谢谢啦。

人气教程排行