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

html – Div显示:初始未按照ie10和chrome 29中的预期工作

我想显示一个具有以下限制的div:

>自动隐藏1024px宽度
>可以在1024px宽度下按钮切换,但如果我单击somwhere(不在div内),应删除activeDiv类

我在codepen一个虚拟的例子

因此出现以下问题:

>在IE10中,切换按钮不起作用(不隐藏/显示div)我使用开发人员工具检查,但没有显示的迹象:initial
>在Chrome 29中,div旁边没有按钮. (Firefox是一样的)
我知道div的显示是block,但这个css不仅仅是div标签,这也是我尝试使用initial的原因.

解决方法

initial并不意味着“给定元素的给定属性认值”.它表示“由规范定义的给定属性认值”.显示的初始值是内联的,而不是块,如 here所述.这与您应用它的元素类型无关.如前所述,IE不支持初始关键字.

如果要将元素显示为块,请使用display:block.如果希望它以内联方式显示,请使用display:inline.如果您希望它使用浏览器认值,请不要设置显示属性.

原文地址:https://www.jb51.cc/html/231607.html

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

相关推荐