html代码正常而内容不显示的可能原因

前端之家收集整理的这篇文章主要介绍了html代码正常而内容不显示的可能原因前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、元素一开始是display:none;的,之后在js里使其.show()了,代码确实执行了,但是没有显示
可能原因:设置display:none;和后来执行.show()的元素不是同一个元素,再说白一点,.show()的是display:none;的父元素:

</div>
    ...
    $(".J_show").show();
    ...

2、部分元素显示,部分元素不显示
审查代码审查了很多遍,一个个元素的属性往上找,就是没有找到根源

方法:最后,通过注释全部css代码(这个时候所有内容显示),再一部分一部分恢复css,终于找到问题根源:

页面最外围的div竟然写了个:font-size:0;

呵呵,当遇上如此“神队友”挖下的坑,也只能hehe了

附:可能让元素不显示的css属性:display:none; text-indent:-9999em; visibility; opacity;overflow:hidden;font-size:0

猜你在找的程序笔记相关文章