日期:2014-5-16 浏览次数:20138次

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


<style type="text/css">
body {
background-color: #fff;
background-repeat: repeat-x;
font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#mainContent-2 {
font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
background-repeat: repeat-x;
text-align: center;
}
#main-big-banner {
width: 1024px;
margin-right: auto;
margin-left: auto;
}
#left-inside-title-0 {
width: 214px;
margin: 0px;
float: left;
}
#left-inside-title-1 {
width: 214px;
text-align: right;
height: 46px;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #808080;
text-decoration: none;
background-color: #d9d9d9;
}
#left-inside-title-text {
font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: bold;
color: #FFF;
text-decoration: none;
width: 188px;
margin-top: 7px;
margin-right: 21px;
float: right;
}
#left-inside-title-down {
width: 214px;
text-align: right;
}
#left-menu-1 {
width: 214px;
margin-top: 10px;
margin-right: 21px;
float: right;
text-align: right;
}
.left-button-link-1 {
font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #AACD06;
text-decoration: none;
font-weight: bold;
}
.left-button-link-1:hover {
font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #D9FA3D;
text-decoration: none;
font-weight: bold;
}
.left-button-link-2 {
font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666;
text-decoration: none;
font-weight: bold;
}
.left-button-link-2:hover {
font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #999;
text-decoration: none;
font-weight: bold;
}
/* Starter CSS for Flyout Menu */
.cssmenu{
background-color: #eee;
width: 214px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: dashed;
border-bottom-style: dashed;
border-top-color: #ccc;
border-bottom-color: #ccc;
margin-top: 10px;
float: right;
margin-right: 0px;
text-align: right;
}
.cssmenu ul,
.cssmenu ul li,
.cssmenu ul ul {
  list-style: none;
  margin: 0;
  padding: 0;