1、那位大神可以告诉在下网页设计中的导航图片变色怎么做？
你确定不是copy背景变色？
鼠标经过是这样的
背景颜色：
div a { display:block; width:100px; height:30px; background:#fff;}
div a:hover { background:#999;}
背景图片：
div a { display:block; width:100px; height:30px; background:url(../images/1.jpg) no-repick;}
div a:hover { background:url(../images/2.jpg) no-repick;}
没理解可以继续问，望采纳，谢谢！
2、网页制作中，导航条通常包括几种状态。分别是什么
1.鼠标经过
2.鼠标按下
3.鼠标松开
4.鼠标离开
3、网页设计设置导航里面这个渐变透明背景怎么弄？求解。。。
可以用PNG格式的文件
4、网页制作-导航条背景图片
<li class="title">Service</li>
<li class="back" style="background:url(添加你得渐变背景，是整个的背景。)">
<ul>
<li>Language Services</li>
<li>Market Research</li>
<li>Software Development</li>
<li>Corporate Training</li>
</ul>
</li>
5、网站网页设计中，下拉导航条会被网站上的其它图片挡住。怎解？30分求解
怎么这么熟悉的模板？兰亭集序的？
基本上出现这种情况是由于z-index的优先级别问题。
用火狐fixbug查看一下，图片或者放置图片容器的z-index是不是要比下拉菜单来的高。
6、网页设计 制作导航条 如何制作
一, 键盘上可以直接输 |
二, 如果是一条虚线的话, 那么是这样做的:
用Fireoworks新建一个1*3PX的图片, 在中间画一个点,然后将其导出,再在DW里建一个单元格,将其背景设为这个图片(注意,让它垂直方向重复,水平方向不重复 -- CSS),大功告成
三,CSS
<a href="#" style="border-right:1px solid #000">链接</a>
7、用HTML制作网页，往导航栏中的每个标签加一个背景图片，为什么显示不出来呢？
你问的问题不明白，制作导航栏也可以用很多方法，你该把代码发上来给大家看看吧。
我之前制作的导航栏是用<ul><li>制作，刚开始也是背景无法显示，后来设置了<ul>的高度就好了。
8、网页设计`:导航条”存在几种状态，分别是什么？
鼠标经过
鼠标按下
鼠标松开
鼠标离开
9、网页设计导航条
下面的代码，你去看看，不好用再说。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
background-color: #0099FF;
}
#navigation {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#navigation ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#navigation li {
border-bottom-style: none;
border-bottom-color: #ed9f9f;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-top-color: #ed9f9f;
border-right-color: #ed9f9f;
border-left-color: #ed9f9f;
float: left;
}
#navigation li a {
text-decoration: none;
display: block;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 0.5em;
border-right-width: 1px;
border-left-width: 12px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #711515;
border-left-color: #711515;
border-top-style: none;
border-bottom-style: none;
width: 50px;
text-align: center;
margin: 0px;
}
#navigation li a:link, #navigation li a:visited {
color: #FFFFFF;
background-color: #c11136;
}
#navigation li a:hover {
color: #ffff00;
background-color: #990020;
}
#navigation ul li:hover ul,#navigation ul a:hover ul {
visibility: visible;
}
#navigation ul ul {
visibility: hidden;
}
#navigation ul ul li {
clear: both;
}
#navigation ul ul li a {
border: 1px solid #CCCCCC;
}
#navigation ul ul li a:link, #navigation ul ul li a:visited {
color: #000000;
background-color: #FFCC66;
}
#navigation ul ul li a:hover {
color: #006699;
background-color: #99CC00;
}
.nav {
border: 1px solid #0099CC;
position: absolute;
width: 357px;
left: 112px;
top: 34px;
}
.nav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 12px;
}
.nav li {
float: left;
}
.nav li a {
border: 1px solid #FF3333;
display: block;
padding: 5px;
background-color: #FFCC33;
text-decoration: none;
}
-->
</style>
</head>
<body>
<div id="navigation">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">产品展示</a>
<div>
<ul>
<li><a href="#">产品1一</a></li>
<li><a href="#">产品2一</a></li>
<li><a href="#">产品3一</a></li>
<li><a href="#">产品4一</a></li>
<li><a href="#">产品5一</a></li>
<li><a href="#">产品6一</a></li>
</ul>
</div>
</li>
<li><a href="#">联系电话</a>
<div>
<ul>
<li><a href="#">产品1一</a></li>
<li><a href="#">产品2一</a></li>
<li><a href="#">产品3一</a></li>
<li><a href="#">产品4一</a></li>
<li><a href="#">产品5一</a></li>
<li><a href="#">产品6一</a></li>
</ul>
</div>
</li>
<li><a href="#">公司介绍</a></li>
</ul>
</div>
</body>
</html>