欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

css menu的白色三角錯位.

更新时间: 2014-01-05 00:53:48 责任编辑: Author_N1

 

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;
  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;
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:53:48
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/1137/
本文WWW.DOC100.NET DOC100.NET版权所有。