CSS菜单和图像作为链接之间的冲突
顶部图像上有徽标作为链接,其他图像作为链接。这些链接在FF和safari中不起作用。问题在于基于css/ul/li的导航菜单。如果我删除菜单html代码,作为链接的图像工作正常。基于css的导航菜单基于以下代码:CSS菜单和图像作为链接之间的冲突,css,image,hyperlink,Css,Image,Hyperlink,顶部图像上有徽标作为链接,其他图像作为链接。这些链接在FF和safari中不起作用。问题在于基于css/ul/li的导航菜单。如果我删除菜单html代码,作为链接的图像工作正常。基于css的导航菜单基于以下代码: /* Navigation Menu */ #nav a, #nav a:hover, #nav a:focus {...} #nav {...} #nav ul {...} #nav .menu .level1-li {...} #nav .menu a {...} #nav .me
/* Navigation Menu */
#nav a, #nav a:hover, #nav a:focus {...}
#nav {...}
#nav ul {...}
#nav .menu .level1-li {...}
#nav .menu a {...}
#nav .menu a.level1-a {...}
#nav .menu .sub {...}
#nav .menu .sub a {...}
#nav .menu a:hover {...}
我不太熟悉CSS,这是我从网上下载的例子。看来a在这里做错了什么
Prashant你能在大括号内发布相关的HTML标记和CSS属性吗?
#nav a, #nav a:hover, #nav a:focus {direction:ltr; outline:0;}
#nav {background:#252525; background:url(../images/tabs_0.gif) repeat-x left top;height:30px; font:normal 12px/30px arial, verdana, sans-serif; width:800px; margin:0 auto;border-bottom-style:solid;border-width:1px;border-color:#525151;}
#nav ul {margin:0; padding:0; list-style:none; display:inline-block;}
#nav .menu .level1-li {float:left; display:inline; width:160px; margin-top:-32000px;}
#nav .menu a {background:transparent;display:block; font-weight:bold; width:160px; text-decoration:none; text-align:center; color:#fff;}
#nav .menu a.level1-a {position:relative; float:left; display:inline; margin-right:-159px; margin-top:32000px;}
#nav .menu .sub {background:#F6C739;float:left; margin-top:-30px; padding-top:30px; margin-bottom:-32000px;}
#nav .menu .sub a {background:#4a4a4a; font-weight: normal; font-size: 9pt;text-align:left; position:relative; margin-right:-1px;text-indent:10px;}
#nav .menu a:hover {background:#F6C739;margin-right:0px; color:#000000;}