微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

</div>
display:none;
    ...
}
    ...
    $(".J_show").show();
    ...

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

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

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐