html – IE 8 div和css游标_html-js-css

概述在示例下,当您将鼠标悬停在图标上时,光标应更改为不同.它的工作原理除了IE 8.在IE 8上,这些图标变得不可用,即不仅光标没有改变,而且 Jquery点击事件也不会触发.考虑以下html代码如何在FF,IE7以及最终在IE8中运行： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xht 在示例下,当您将鼠标悬停在图标上时,光标应更改为不同.它的工作原理除了IE 8.在IE 8上,这些图标变得不可用,即不仅光标没有改变,而且 Jquery点击事件也不会触发.考虑以下HTML代码如何在FF,ie7以及最终在ie8中运行：

<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"><head>    <Title>CSS IE 8 cursor test</Title>     <style type="text/CSS" media="screen">        .icon-button {            float: left;             cursor: pointer;        }        .ui-icon { wIDth: 15px; height: 10px; background-image: url(http://sstatic.net/so/img/replIEs-off.png); } </style></head><body>   <div ></div>   <div>Sample Text</div> </body></HTML>

什么是迁移是问题的根源？什么可能是workarrounds？
提前致谢.

附：改变DOCTYPE是不可能的.
此外,如果我删除浮动：左边这个例子它似乎“固定”,但当我在网站上删除它,除了破碎的设计,它也没有帮助.

解决方法 ie8不喜欢空div.放一个空白< img /> div内部的透明像素似乎可以修复它.

演示：http://jsbin.com/asiju(可编辑自http://jsbin.com/asiju/edit)

HTML源代码：

<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml">  <head>    <Title>CSS IE 8 cursor test</Title>    <style type="text/CSS" media="screen">      .icon-button { float: left; cursor: pointer; }      .ui-icon { wIDth: 15px; height: 10px; background-image: url(http://sstatic.net/so/img/replIEs-off.png); }      .dummy-image { wIDth: 15px; height: 10px; vertical-align: top; border: none; }    </style>  </head>  <body>    <div ><img  src="data:image/gif;base64,R0lGODlhAQABAJH/AP///wAAAMDAwAAAACH5BAEAAAIALAAAAAABAAEAQAICVAEAOw=="/></div>    <div>Sample Text</div>  </body></HTML>

总结

以上是内存溢出为你收集整理的html – IE 8 div和css游标全部内容，希望文章能够帮你解决html – IE 8 div和css游标所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1087308.html