IE8B1块状元素引起的链接BUG
八月 24, 2008, Posted by cike at 5:22 下午
继上篇发现IE8高度上的问题后，又发现了另一个问题
1 2 3 4 5 6 7 8 | li{text-align:right; height:25px; overflow:hidden} li a{float:left; display:block; width:435px; text-align:left; border:1px solid red} li a:……伪类略 XHTML: <ul> <li href=""><a>……</a>0812</li> …… </ul> |
仅在IE8中，鼠标在如图蓝色区域内无法触发a:hover效果，触发点变在上下两条border上，我第一遇到，暂定为BUG
BUG在线演示：http://cike.org/demo/html-css/ie8blockhover.asp 鼠标移至链接所在行的上下边框上看到hover效果
发现当把链接设置为block，链接的上级（包括父、爷……）只要含有block属性，a:hover效果无法正常触发
暂用a{display:inline-bock}解决
