CSS加载微调器无法从style.css运行

Question

我已经为此努力了一段时间，我确定答案非常简单，但是您知道编码的方式。

我正在尝试从我的style.css文件运行css加载微调器。 所以我将其放置在模态Im的顶部，我想在...中使用微调器

<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文件运行它时，它不起作用。 有人知道我在做什么错吗？

Answer 1

像以前一样将其放在<head>内。

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

我不知道您是否尝试过此方法，但听起来这是问题/解决方案。

CSS加载微调器无法从style.css运行

问题描述

1 个解决方案

解决方案1
0 2018-04-24 01:14:15

CSS加载微调器无法从style.css运行

问题描述

1 个解决方案

解决方案1 0 2018-04-24 01:14:15

解决方案1
0 2018-04-24 01:14:15