gpt4 book ai didi

Jquery 在加载时关闭 box-shadow

转载 作者:行者123 更新时间:2023-11-28 08:38:11 28 4
gpt4 key购买 nike

我有一些默认情况下在它们周围有 CSS3 框阴影的元素,如果用户打开了 javascript,尽管我想隐藏框阴影。

我目前正在使用下面看到的代码来隐藏其他元素,除了框阴影之外,此方法非常有效。我做了一些测试,即将其他代码放在 'box-shadow:none' 所在的位置,它总是按预期工作,因此我认为这是 CSS3 box-shadow 属性和 jquery 的兼容性问题。

谁能想出办法解决这个问题?或者另一种方法可以在页面加载时关闭 box-shadow 属性。

在此先感谢您的帮助。

$('html').append('<style type="text/css">.sub-menu{width:897px;display:none;} .sub-menu-header{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}</style>');

子菜单标题的 CSS

.sub-menu-header{
-moz-box-shadow: 1px 1px 5px #000;
-webkit-box-shadow: 1px 1px 5px #000;
box-shadow: 1px 1px 5px #000;
border:1px solid #CCC;
cursor:pointer;
}

最佳答案

您可以在您的 html 标签中添加一个 no-js 类:<html class="no-js">

添加样式:

.no-js .sub-menu-header{
-moz-box-shadow: 1px 1px 5px #000;
-webkit-box-shadow: 1px 1px 5px #000;
box-shadow: 1px 1px 5px #000;
}
.sub-menu-header{
border:1px solid #CCC;
cursor:pointer;
}

然后只需删除 javascript 文件中的 no-js 类:

$("html").removeClass("no-js");

关于Jquery 在加载时关闭 box-shadow,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8224797/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com