Question

I need change the text color , when mouse move on the images,

Here i have done some work. i can’t able to change the text color. can anyone please help me.

html:

<div class="hover">
<a href=""><img src="th.jpg" /><span>Add</span></a>
</div>

css:

.hover
{
width:65px;
height:56px;
display:inline;
text-align:center;
}
.hover a
{
color:#000;
display:block;
margin:0 5px 0 0;
float:left;
text-align:center;
height:56px;
text-decoration:none;
width:65px;
}
.hover span {
display:block;
text-align:center;
}
.hover img {
margin:0 auto;
padding:3px 0;
}
.hover img:hover{
border:solid 1px #ccc;
}

Answer 1

You should change:

.hover img:hover{
border:solid 1px #ccc;
}

to

.hover a:hover img{
border:solid 1px #ccc;
}

Early IEs don’t support hover on elements other than “a”

Changing text color:

.hover a:hover{
color:red;
}