首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >互联网浏览器9+框阴影和jQuery隐藏()

互联网浏览器9+框阴影和jQuery隐藏()
EN

Stack Overflow用户
提问于 2013-04-02 20:50:19
回答 1查看 373关注 0票数 1

我在9+中有一个奇怪的bug,例如带有框影的可隐藏标签:

CSS

代码语言:javascript
复制
label {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

jQuery

代码语言:javascript
复制
$('label').click(function() {
    $(this).hide();
});

关于jsFidle 这里的更完整的示例

以下是那些没有Internet Explorer的人的结果(2):

所以问题是:如果您单击通知来隐藏它,阴影将保留在Internet 9和10中。

有线索吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-04-02 22:49:14

正如@adeneo在评论中所说的,问题在于IE如何处理属于display:inline的元素上的box-shadow

解决方案是将元素设置为inline-block,但要注意这将改变元素的位置。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15774072

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档