Mazda3
یک شنبه 12 دی 1389, 10:26 صبح
سلام .... من یه سایت طراحی کردم، که از div و css استفاده شده توش ...
http://www.gharbniroo.com
اما متاسفانه منو هاش توی E6 از زیر منو 3.4 به بدش کار نمیکنه و وقتی موس روش داره پایین میره ناگهان منو نا پدید میشه .... کد منو رو قرار دادم ... هرچند با فایرفاکس میشد برید و ببینید و من رو راهنمایی کنید ......
/*--> MENU <--*/
#page-wrap
{
width: 600px;
height: 35px;
margin: 0px auto;
z-index:1000;
}
a
{
text-decoration: none;
}
ul
{
list-style: none;
padding-bottom: 2px;
}
p
{
margin: 0 0;
}
/*
LEVEL ONE
*/
ul.dropdown
{
position: relative;
text-align: right;
}
ul.dropdown li
{
font-weight: bold;
float: right;
}
ul.dropdown a:hover
{
color: #000;
}
ul.dropdown a:active
{
color: #ffa500;
}
ul.dropdown li a
{
display: block;
padding: 8px 8px;
border-right: 1px solid #333;
color: #fae71e;
}
ul.dropdown li:last-child a
{
border-right: none;
}
/* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover
{
background: #0ec095;
color: black;
position: relative;
}
ul.dropdown li.hover a
{
color: Black;
}
/*
LEVEL TWO
*/
ul.dropdown ul
{
width: 250px;
visibility: hidden;
position: absolute;
top: 100%;
right: 0;
}
ul.dropdown ul li
{
font-weight: normal;
background: #dddddd;
color: #000;
border-bottom: 1px solid #ccc;
float: none;
padding-right: 20px;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a
{
border-right: none;
width: 100%;
display: inline-block;
}
/*
LEVEL THREE
*/
ul.dropdown ul ul
{
right: 100%;
top: 0;
}
ul.dropdown li:hover > ul
{
visibility: visible;
}
/* END OF THE MENU */
http://www.gharbniroo.com
اما متاسفانه منو هاش توی E6 از زیر منو 3.4 به بدش کار نمیکنه و وقتی موس روش داره پایین میره ناگهان منو نا پدید میشه .... کد منو رو قرار دادم ... هرچند با فایرفاکس میشد برید و ببینید و من رو راهنمایی کنید ......
/*--> MENU <--*/
#page-wrap
{
width: 600px;
height: 35px;
margin: 0px auto;
z-index:1000;
}
a
{
text-decoration: none;
}
ul
{
list-style: none;
padding-bottom: 2px;
}
p
{
margin: 0 0;
}
/*
LEVEL ONE
*/
ul.dropdown
{
position: relative;
text-align: right;
}
ul.dropdown li
{
font-weight: bold;
float: right;
}
ul.dropdown a:hover
{
color: #000;
}
ul.dropdown a:active
{
color: #ffa500;
}
ul.dropdown li a
{
display: block;
padding: 8px 8px;
border-right: 1px solid #333;
color: #fae71e;
}
ul.dropdown li:last-child a
{
border-right: none;
}
/* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover
{
background: #0ec095;
color: black;
position: relative;
}
ul.dropdown li.hover a
{
color: Black;
}
/*
LEVEL TWO
*/
ul.dropdown ul
{
width: 250px;
visibility: hidden;
position: absolute;
top: 100%;
right: 0;
}
ul.dropdown ul li
{
font-weight: normal;
background: #dddddd;
color: #000;
border-bottom: 1px solid #ccc;
float: none;
padding-right: 20px;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a
{
border-right: none;
width: 100%;
display: inline-block;
}
/*
LEVEL THREE
*/
ul.dropdown ul ul
{
right: 100%;
top: 0;
}
ul.dropdown li:hover > ul
{
visibility: visible;
}
/* END OF THE MENU */