webkit内核chrome浏览器display:block失效
在我的博客的顶部rss订阅源的地方,点击会弹出feedsky的订阅列表,是通过jquery动态修改css实现的。这个效果在以trident内核为主的浏览器如ie和以gecko为内核的firefox都是正常的,但是当遇到内核是webkit的浏览器的时候就悲剧了。就连包含双内核的360搜狗等也是悲剧的。后来在网上发现有人遇到过在a:hover的时候不起作用的,他们的解决方法是将原有的display:block改为-webkit-any-link{display:block;}就ok了,但是我的不是链接标签,是div啊。在一篇关于webkit的css属性的文章中,发现webkit是完全支持div中display:block这个的。由于本人对于css的元素布局结构不是很清楚,于是乎又采取了最笨的方法,在chrome的调试工具中将属性一个一个的修改尝试,最终发现原来是因为属性中overflow:hidden的缘故。将其去掉之后就好了,后来想想原因可能是div超出部分被hidden了,所以display不起作用了。但是为啥两个内核的浏览器中是好的呢?不得其解。。。