div里面嵌套div做背景图片怎么没用?

我想做的效果是,鼠标经过 样式从左边变成右边。
房子和字体的变化实现了,但是那个白色框没实现。以下是代码 求教 (ˇˍˇ)~
<div class="top_nav_contain">
<ul>
<li><div id="nav_bgimage"><div class="nav_home"><a href="#">首页</a></div></div></li>

.top_nav_contain #nav_bgimage a{width:84px; height:44px; line-height:44px; display:block; background:none;}
.top_nav_contain #nav_bgimage a:hover{background:url(../images/nav_bgimage.png) no-repeat 5px 10px;}
/***************nav_bgimage.png 这个就是那个白色框*****************/
.top_nav_contain #nav_bgimage .nav_home a{ width:84px; padding-left:20px; background:url(../images/homeicon_1.png) no-repeat 10px 10px; }
/*********************homeicon_1这个是小房子图标*********************************/
.top_nav_contain #nav_bgimage .nav_home a:hover{background:url(../images/homeicon_2.png) no-repeat 10px 10px;}

第1个回答  2013-07-19
你直接.就背景1切好尺寸大小 背景2和背景1切的尺寸一样:hover互换就OK了....这个很简单的啊.2张图一张是小白色房子的,一张是有白背景蓝色房子的
第2个回答  2013-07-18
你完全可以把图加在行内 这样不就少用了个DIV了吗?看起来也就舒服多了 你这样多麻烦啊
相似回答
大家正在搜