gpt4 book ai didi

html - CSS 加载微调器无法从 style.css 工作

转载 作者:行者123 更新时间:2023-11-28 01:50:06 24 4
gpt4 key购买 nike

我已经为此苦苦思索了一段时间,我确信答案很简单,但你知道编码是如何进行的。

我正在尝试从我的 style.css 文件运行一个 css 加载微调器。所以我把它放在模态的顶部我想在...中使用微调器

<head>
<link rel="stylesheet" href="<?php echo ABSPATH; ?>/content/templates/dashboard/css/style.css" />
<link rel="stylesheet" href="<?php echo ABSPATH; ?>/content/templates/dashboard/css/style-mobile.css" />

然后我将 div 布置好

<div class="cssloader-overlay"> 
<div class="cssloader-container">
<div class="cssload-whirlpool"></div>
</div>
</div>

这是样式表中的一个片段

.cssloader-container {
position:absolute;
top: 50%;
left: 50%;
display:none;
}

.cssloader-overlay {
position: fixed;
width: 100%;
height:100%;
display: flex;
align-items: center;
background: rgba(0, 0, 0, 0.2);
top: 0;
left: 0;
display:none;
}

.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
position: absolute;
top: 50%;
left: 50%;
border: 1px solid rgb(255,255,255);
border-left-color: rgb(230,0,0);
border-radius: 974px;
-o-border-radius: 974px;
-ms-border-radius: 974px;
-webkit-border-radius: 974px;
-moz-border-radius: 974px;
}

目前我的微调器只有在我将 css 放在我实际模态的样式元素中时才有效。当我尝试从 style.css 文件运行它时,它不起作用。有谁知道我做错了什么吗?

最佳答案

把这个放在你的 <head> 里面和以前一样。

<link rel="stylesheet" href="/content/templates/dashboard/css/style.css">

我不知道你是否尝试过这个,但听起来这就是问题/解决方案。

关于html - CSS 加载微调器无法从 style.css 工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49991855/

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