Can anyone see why this would not work in IE6. The hover image is not displaying at all nor is if I substitute for background-color. I have tried absolute and relative paths. I would be grateful if someone could point out my error. Thank you.
CSS
.buttonMailTrue:hover {
width:290px;
height: 44px;
background: url('http://localhost/sample/users/images/mail_icon_strip_hover.png') no-repeat;
background-repeat: no-repeat;
}
JS
<script type="text/javascript">
$(function() {
$('.buttonMailTrue').hover(function() {
$(this).addClass('hover');
}, function() {
$(this).removeClass('hover');
});
});
</script>
HTML
<div class='msgTrue buttonMailTrue' data-message='%s' data-subject='%s' data-rowdate='%s' data-from='%s'>
<img src="images/sml_new_mail_icon.gif" class="mailIcon" alt="" />
$subject;
<div style="float:right;margin-right:22px;margin-top:-12px;font-size:9px;">
$rowdate
</div><br />
span style="font-weight:bold;margin-top:50px;">$from</span>
</div>
<br />
Try this:
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.