代码如下:HTML code:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'><html xmlns='http://www.w3.org/1999/xhtml'><head><meta http-equiv='Content-Type' content='textml; charset=utf-8' /><title>无标题文档</title><style type='text/css'>.box{ width:500px; height:300px; border:5px solid #00F;position:relative;}.left,.right{display:block;top:0;width:50px; height:300px;position:absolute;}.left span,.right span{position:relative;}.left{left:0;}.right{right:0;}.right{ float:right;}</style><SCRIPT type=text/javascript src='http://d.lanrentuku.com/down/js/xiangce-848/js/jquery.js'></SCRIPT><script type='text/javascript'> $(function(){ $('.left,.right').mouseover(function(){ $(this).html('<span><img src=’images/leftbig.png’></span>') }).mouseout(function(){ $(this).html('') }) })</script></head><body><div><div><img src='https://rkxy.com.cn/uploads/201411/f94feeae3b52fd2bb9051d9e0bb70da21.jpg' /></div> <a href='https://www.uahao.com/bcjs/14870.html#'></a> <a href='https://www.uahao.com/bcjs/14870.html#'></a></div></body>
问题:鼠标移运到a标签,给a标签添加一个箭头图片。在谷歌下面是正常的,但是ie下面就没反应了,应该如何来修改?修改后的准确代码如下:CCS code:
<style type='text/css'>.box{ width:500px; height:300px; border:5px solid #00F;position:relative;}.left,.right{display:block;top:0;width:50px; height:300px;position:absolute; z-index:99; background:url(一张透明图片.png) repeat;}.left span,.right span,.img{position:relative;}.img{ z-index:10;}.left{left:0;}a.left:hover{background:url(/uploads/201411/f94feeae3b52fd2bb9051d9e0bb70da21.jpg) no-repeat center center;}.right{right:0; }a.right:hover{background:url(/uploads/201411/f94feeae3b52fd2bb9051d9e0bb70da21.jpg) no-repeat center center;}</style>
HTML code:
<div><img src='https://rkxy.com.cn/uploads/201411/f94feeae3b52fd2bb9051d9e0bb70da21.jpg' /></div> <a href='https://www.uahao.com/bcjs/14870.html#'></a> <a href='https://www.uahao.com/bcjs/14870.html#'></a></div>
相关文章:
1. JavaScript开发中需要搞懂的字符编码总结2. 命令行CLI一键生成各种烦人的lint配置实例3. Vue数据监听器watch和watchEffect的使用4. NodeJs超长字符串问题处理的详细分析5. XML入门的常见问题(一)6. JavaScript多级判定代码优化浅析7. uniapp 手机验证码输入框实现代码(随机数、倒计时、隐藏手机号码中间四位)可以直接使用8. nodejs报digital envelope routines::unsupported错误的最新解决方法9. Rollup 简易入门示例教程10. 让chatgpt将html中的图片转为base64方法示例