Jes*_*sse 4 css internet-explorer-8
我知道,这很可怜,但今天早上我只是在我的机器上安装了IE8.马上,我遇到了一个明显的问题,尽管我知道答案是正确地盯着我,但我已经把它弄乱了很久.
首先,这里是网站:www.mchenry.edu 在IE8中查看它并将鼠标悬停在顶部横幅图像上 - 看到一切向下移动？这是某种类型的文字装饰或边框问题,但我无法弄清楚哪一个.在我们的测试环境中,我甚至试图获得真正具体的
#banner p#img a:hover {text-decoration: none};
但这没有任何作用.更令人烦恼的是,我无法让它出现在IE6,7或FF,Safari,Opera等中.头.反对.台.
感谢您有任何见解.
好的,我们来看看.这是开发人员工具派上用场的地方.
使用开发人员工具,我在图像上盘旋,并激活"单击以选择"功能,因为这样可以保持"错误".我点击了这个小区域,它突出显示了<p id ="img">,现在的高度为128.
有些东西正在将p扩展两个像素,并且编辑源以移除<a>会消除问题,所以很明显,那里的东西令人不安.我没有看到什么,并没有帮助我似乎无法影响那个小盒子的颜色.
但是,我们可以做更多:我们可以抽出一部分CSS.我一个一个地从Records.css中删除了CSS规则,当a:hover被删除时,问题就消失了.更深入,从那里删除背景颜色,它停止了!
因此,一个简单的解决方法是为<a>元素分配一个新属性:style ="background-color:transparent".
请注意,我没有使用任何其他浏览器或版本对此进行测试,但我看不到该规则影响其他浏览器(以不好的方式).