Question

求CSS高手，帮我修改一下，鼠标进过背景图片改变的代码

<style type="text/css">
.a{background-image:url(2013-10-9 1-15-45.jpg)}
.b{background-image:url(2013-10-9 1-15-46.jpg)}

a.admin_left_zt_lj:link {text-decoration: none;color: #333;font-weight: normal;font-size:12px;}
a.admin_left_zt_lj:visited {text-decoration: none;color: #333;font-weight: normal;font-size:12px;} */
a.admin_left_zt_lj:hover {text-decoration: none;color: #F60;font-weight: bold;font-size:13px;}
a.admin_left_zt_lj:active {text-decoration: none;color: #F60;font-weight: bold;font-size:13px;}
</style>

<div style="width:108px;height:36px;" class="a" onmousemove="this.className='b'" onmouseout="this.className='a'"><a href="#">中国</a></div>

两个问题
第一个，中国两个字如何能够在框的中间，上下左右空位都一样。（我这个总是在左上角）
第二个，如何将文字连接时的鼠标进过颜色变换一起加进来，而原来的鼠标经过背景图片会改变的特效不变。意思就是说文字鼠标经过也要变颜色，鼠标经过时背景图片也会改变。这个应该怎么实现呢谢谢

Answer 1

首先，你说的框，是不是指的你背景图片上的框，在我这里看不到你说的框是个什么样子。
第二，调整文字在框中的位置可以使用padding、line-height，这些你都试过了没有？
第三，你的css和js基础知识貌似不是很扎实，看你的html代码，你的链接移过移出是通过行内内嵌js代码来实现的，onmousemove的意思是鼠标在链接上移动的时候触发这个事件，onmouseout的意思是鼠标移出的时候触发这个事件。你的目的是移过（注意不是移出）的话，你应该使用onmouseover。
最后，如果你看不明白以上三条的话，你把你代码中的onmousemove改成onmouseover试试，然后建议你先去系统学习下css和基本的js之后再来解决这个问题。

Answer 2

<style type="text/css">
.a{background-image:url(2013-10-9 1-15-45.jpg); }
.b{background-image:url(2013-10-9 1-15-46.jpg); }
a.admin_left_zt_lj:link {text-decoration: none;color: #333;font-weight: normal;font-size:12px;} 
a.admin_left_zt_lj:visited {text-decoration: none;color: #333;font-weight: normal;font-size:12px;}
a.admin_left_zt_lj:hover {text-decoration: none;color: #F60;font-weight: bold;font-size:13px;}
a.admin_left_zt_lj:active {text-decoration: none;color: #F60;font-weight: bold;font-size:13px;} 
.aa:hover{ color:#6F6;}
</style>
<div style="width:108px;height:36px; text-align:center; line-height:36px;
" class="a" onmousemove="this.className='b'" onmouseout="this.className='a'"><a href="#" class="aa">中国</a></div>

Answer 3

1. 设置 <a href="#">中国</a></div>
   为<a href="#" style="line-height:36px;text-align:center">中国</a></div>
   

2. 增加 .a a:hover{color:red}/*改为你想变的颜色*/

   另外：楼主以后设置class的元素名称时最好不要用a b这样的名字 因为他们都有专门的标签名<a> <b>你可以设置为a_1 b_1这样比较科学合理。
   

Answer 4

第一个问题：添加1句样式
.a a, .b a{line-height:36px;text-align:center}
第二个问题：添加1句样式
a:hover{color:#你的颜色值;}
望采纳