直接在script里面换样式IE6,7,8不兼容

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6 </head>
 7 
 8 <body>
 9 
10 <input id="inp1" type="text" />
11 
12 <script>
13 var oInp = document.getElementById('inp1');
14 
15 oInp.onclick = function (){
16     
17     oInp.type = 'checkbox';
18     
19     // 咱们有仨位“祖宗”
20     /*
21         IE6 IE7 IE8
22     */
23 };
24 
25 /*
26     oDiv.style.float = 'right';
27     
28     oDiv.style.styleFloat = 'right';        // IE
29     oDiv.style.cssFloat = 'left';            // 非IE
30     
31     IE(styleFloat)
32     非IE(cssFloat)
33     
34     <div class="right"></div>
35 */
36 </script>
37 
38 </body>
39 </html>

 

转载于:https://www.cnblogs.com/hduhdc/p/5250670.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE浏览器在某些版本下确实不支持使用CSS的:hover伪类来改变图像元素的样式。在IE6及更早的版本中,:hover伪类只能应用于链接元素,而不是图像元素。 然而,你可以通过使用JavaScript来实现类似的效果。你可以通过监听图像元素的鼠标事件(如mouseover和mouseout),然后在事件触发时改变图像的样式或替图像。以下是一个简单的示例: ```html <!DOCTYPE html> <html> <head> <style> /* 图像的初始样式 */ .image { width: 200px; height: 200px; background-image: url('image.jpg'); background-size: cover; } /* 鼠标悬停时的样式 */ .image:hover { /* 在这里设置悬停时的样式 */ background-image: url('hover-image.jpg'); } </style> </head> <body> <div class="image"></div> <script> // 获取图像元素 var image = document.querySelector('.image'); // 监听鼠标悬停事件 image.addEventListener('mouseover', function() { // 在这里设置悬停时的样式或替图像 image.style.backgroundImage = "url('hover-image.jpg')"; }); // 监听鼠标离开事件 image.addEventListener('mouseout', function() { // 在这里恢复图像的初始样式或替回原始图像 image.style.backgroundImage = "url('image.jpg')"; }); </script> </body> </html> ``` 这段代码将会在鼠标悬停在图像上时改变图像的样式或替图像。你可以根据需要修改图像的样式或替图像的路径。请注意,这只是一个简单的示例,你可以根据你的具体需求进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值