CSS MENU的白色三角形?位..._html/css_WEB-ITnose

CSS MENU 大家好, 这个MENU是参考FREE MENU网站的MENU改的, 把它套到DIV MENU里面, 为的是在右边出现一个放三个产品照片的区块,但是有一个白色三角形箭头, 我已经试了好久都改不好,就是当滑鼠移到右边区块的产品照片时, 三角形会错位跑到上面去,请熟悉CSS的朋友们帮帮忙, 帮我看一下要在哪里控制不要让它跑掉... 谢谢

  
  
  
MENUS
  
    
MENU-A
    
      

MENU-A1      


Button Guard
      

Glass Guard
      

Glass Guard
      
More..
      

    
MENU-B
    
      

MENU-B1      


yacht x laptop Mac book
      

lettre x Air Mac book
      

verglas x New iPan
      
More..
      

    
 
  
    

回复讨论(解决方案)

.cssmenu ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}
应该是这个position: relative的问题，因为三角是绝对定位的，定位在第一个relative的父元素中。
把这个position删了试试。

with386819368 ...

发现问题了,虽然按你说的拿掉position: relative,三角形不会跑掉,
但是如果增加子选单,那三个产品区块只会固定出现在第一个子选单旁边,
不会出现在第二个选单旁边,如果不拿掉,区块出现位置正常,但三角形会跑掉,
该如何解决呢... 以下HTML我有增加一个子选单

  
  
  
MENUS
  
    
MENU-A
    
      

MENU-A1      


Button Guard
      

Glass Guard
      

Glass Guard
      
More..
      


MENU-A2      


11111 Guard
      

22222 Guard
      

33333 Guard
      
More..
      

    
MENU-B
    
      

MENU-B1      


yacht x laptop Mac book
      

lettre x Air Mac book
      

verglas x New iPan
      
More..
      

     
 
  
     

这么久了不知道你解决了没
.cssmenu ul li.hover,
.cssmenu ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}
问题呢还是这里，.cssmenu ul li.hover这个选择不知道是不是没用的，可以去掉吧，改成
.cssmenu ul .has-sub:hover {
position: relative;
z-index: 599;
cursor: default;
}
不然选择到了最里层的li，所以产生错误。
另外你要引用一下我，我才知道你的回复呀