鼠标滑过div两种文字都变不同色且背景颜色变色（注意里面的文字是有链接的，且能变色）
附图中的效果谁能帮忙一下。鼠标移过去后，背景色变了，链接的文字也要变色。像背景图一样，鼠标移到DIV位置，文字自动变成白色。代码如下，高手帮忙，谢谢！<style>bod...
附图中的效果谁能帮忙一下。鼠标移过去后，背景色变了，链接的文字也要变色。像背景图一样，鼠标移到DIV位置，文字自动变成白色。代码如下，高手帮忙，谢谢！
<style>
body { font-size:12px }
#all { background:#EDEDEC; height:500px; width:195px }
.left-menu { height:30px; width:195px; background-image: url(img/li-1.png); background-repeat: no-repeat; background-position: 5px center; line-height:30px; text-indent: 30px; display: block; }
.left-menu:hover { color:#fff; cursor:default; background-color: #FF7300; background-image: url(img/li-1-2.png); background-repeat: no-repeat; background-position: 5px center; }
#menu li { float:left; list-style:none; display:block; margin:0; padding:0; letter-spacing: 2px; }
.left_menu_t:link { color:#000; text-decoration:none }
.left_menu_t:hover { color:#F9E9CA }
</style>
</head>
<body>
<div id="all">
<div id="menu" class="left-menu">
<li>
<a href="#" class="left_menu_t">女装</a>
<span>/</span>
<a href="#" class="left_menu_t">男装</a>
<span>/</span>
<a href="#" class="left_menu_t">内衣</a>
</li>
</div>
</div> 展开
<style>
body { font-size:12px }
#all { background:#EDEDEC; height:500px; width:195px }
.left-menu { height:30px; width:195px; background-image: url(img/li-1.png); background-repeat: no-repeat; background-position: 5px center; line-height:30px; text-indent: 30px; display: block; }
.left-menu:hover { color:#fff; cursor:default; background-color: #FF7300; background-image: url(img/li-1-2.png); background-repeat: no-repeat; background-position: 5px center; }
#menu li { float:left; list-style:none; display:block; margin:0; padding:0; letter-spacing: 2px; }
.left_menu_t:link { color:#000; text-decoration:none }
.left_menu_t:hover { color:#F9E9CA }
</style>
</head>
<body>
<div id="all">
<div id="menu" class="left-menu">
<li>
<a href="#" class="left_menu_t">女装</a>
<span>/</span>
<a href="#" class="left_menu_t">男装</a>
<span>/</span>
<a href="#" class="left_menu_t">内衣</a>
</li>
</div>
</div> 展开
1个回答
展开全部
这个容易
<style>
body { font-size:12px }
#all { background:#EDEDEC; height:500px; width:195px }
li { height:30px; width:195px; background-image: url(img/li-1.png); background-repeat: no-repeat; background-position: 5px center; line-height:30px; text-indent: 30px; display: block; }
a{display: block}
li:hover { color:#fff; cursor:default; background-color: #FF7300; background-image: url(img/li-1-2.png); background-repeat: no-repeat; background-position: 5px center; }
#menu li {list-style:none; display:block; margin:0; padding:0; letter-spacing: 2px; }
.left_menu_t:link { color:#000; text-decoration:none }
.left_menu_t:hover { color:#F9E9CA }
</style>
</head>
<body>
<div id="all">
<div id="menu" class="left-menu">
<li>
<a href="#" class="left_menu_t">女装</a>
</li>
<li>
<a href="#" class="left_menu_t">男装</a>
</li>
<li>
<a href="#" class="left_menu_t">内衣</a>
</li>
</div>
</div>
每一行是一个li标签，鼠标悬浮在li上触发变色。你用整体div：hover会让事情变复杂的多
只提供个思路，ie可能效果不太好。chrome，firefox行
<style>
body { font-size:12px }
#all { background:#EDEDEC; height:500px; width:195px }
li { height:30px; width:195px; background-image: url(img/li-1.png); background-repeat: no-repeat; background-position: 5px center; line-height:30px; text-indent: 30px; display: block; }
a{display: block}
li:hover { color:#fff; cursor:default; background-color: #FF7300; background-image: url(img/li-1-2.png); background-repeat: no-repeat; background-position: 5px center; }
#menu li {list-style:none; display:block; margin:0; padding:0; letter-spacing: 2px; }
.left_menu_t:link { color:#000; text-decoration:none }
.left_menu_t:hover { color:#F9E9CA }
</style>
</head>
<body>
<div id="all">
<div id="menu" class="left-menu">
<li>
<a href="#" class="left_menu_t">女装</a>
</li>
<li>
<a href="#" class="left_menu_t">男装</a>
</li>
<li>
<a href="#" class="left_menu_t">内衣</a>
</li>
</div>
</div>
每一行是一个li标签，鼠标悬浮在li上触发变色。你用整体div：hover会让事情变复杂的多
只提供个思路，ie可能效果不太好。chrome，firefox行
更多追问追答
追问
里面的链接文字，鼠标移过去也要变色，这才是我不会的地方，麻烦帮忙点播一下，谢谢！
追答
不知你用的什么浏览器，我这里可以，鼠标移过去文字变成白色。chrome，firefox测试过
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
