CSS-两个样式表一个接一个地呈现(Opencart)



我遇到了一个让我抓狂的问题。在我的网站上,它似乎是加载并呈现一个CSS文件,然后加载我在luke.css中创建的CSS覆盖,最终将网站更改为我想要的样子。如果你导航到我的网站HERE,你会看到左侧边栏上首先加载了一个奶油色,然后被我的样式覆盖。

我以前从未遇到过这个问题!我创建了"子"样式表,这样安装在OpenCart系统上的主题就可以很容易地升级,而不是编辑核心文件。

我在这里有一个header.tpl文件片段的Fiddle,看看是否有人能看到导致问题的原因。

我的第一个想法是,这是因为有两个样式表一个接一个-所以我把两个样式图合并在一起[没有解决方案]

其次,我认为这可能是因为标题中css文件的顺序-所以我用luke.css最后一个[没有解决方案]将它们并排移动

我在OC面板上有一个LESS编译器,但老实说,我不完全确定如何使用它,也不完全确定它从我现有的代码中获得的好处。如果您建议使用预处理器进行编译,请告诉我。

您在页面底部有一个样式表,就在</body>之前。此样式表将页面的背景色设置为白色。

现在的情况是,浏览器在到达正文末尾之前必须加载大量JavaScript。它简要地呈现了整个页面;却发现它需要改变背景颜色。

在任何脚本之前,将此样式表(实际上是移动所有样式表)移动到<head>部分中。

您的theme.css和editor_settings.css文件之间有javascript。Javascript加载被阻止。

重新排序您的资产应该可以解决您的问题。

最新更新