CSS MENU的白色三角形錯位.该怎么解决
CSS MENU的白色三角形錯位...
大家好, 这个MENU是参考FREE MENU网站的MENU改的, 把它套到DIV MENU里面, 为的是在右边出现一个放三个产品照片的区块,但是有一个白色三角形箭头, 我已经试了好久都改不好,就是当滑鼠移到右边区块的产品照片时, 三角形会错位跑到上面去,请熟悉CSS的朋友们帮帮忙, 帮我看一下要在哪里控制不要让它跑掉... 谢谢
大家好, 这个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;
border: 0;
}
.cssmenu ul {
position: relative;
z-index: 597;
float: left;
}
.cssmenu ul li {
width: 190px;
float: right;
min-height: 1px;
line-height: 1em;
vertical-align: middle;
}
.cssmenu ul li.hover,
.cssmenu ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}
.cssmenu ul ul {
margin-top: 1px;
visibility: hidden;
position: absolute;
top: 1px;
left: 99%;
z-index: 598;
width: 100%;
}
.cssmenu ul ul li {
float: none;
}
.cssmenu ul ul ul {
top: 1px;
left: 99%;
}
.cssmenu ul li:hover > ul {
visibility: visible;
}
.cssmenu ul li {
float: none;
}
.cssmenu ul ul li {
font-weight: normal;
}
/* Custom CSS Styles */
.cssmenu ul a,
.cssmenu ul a:link,
.cssmenu ul a:visited {
display: block;
font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
color: #f60;
text-decoration: none;
}
.cssmenu > ul {
float: none;
}
.cssmenu ul {
/* background: #fff;*/
}
.cssmenu > ul > li {
/* border-left: 3px solid #d7d8da;*/
float: right;