问链接我的站点css页面时，Lightbox将无法工作
EN

Stack Overflow用户

提问于 2014-11-30 03:59:32

回答 1查看 112关注 0票数 1

我刚刚在一个我正在建设的网站的html页面上安装了Lightbox。只有lightbox.css页面被链接时，Lightbox才能工作。

但是当我链接我网站的样式表时，页面背景会变暗，但是图像不会加载。

以下是Lightbox无法工作时头部的外观：

<head>
<meta charset="UTF-8">

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/lightbox.min.js"></script>
<link href="css/lightbox.css" rel="stylesheet">
<link href="site_css/sjp.css" rel="stylesheet">

<title>Shenandoah Valley Apples</title>
</head>

lightbox

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-11-30 19:00:15

在检查了lightwindow.css文档之后，我发现它包含一个body元素选择器，并应用了规则。lightwindow.css文档中的所有其他规则都使用类或id选择器。见下文。

/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

我的css页面也有一个body元素选择器。应用于我的body元素选择器的规则与lightwindow.css文档中的规则冲突。

通过从元素中删除所有规则并将它们应用于元素，我解决了这个问题。

现在，光影就像它应该的那样工作。

票数 0

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

原文链接：

https://stackoverflow.com/questions/27209853

复制

相似问题

问链接我的站点css页面时，Lightbox将无法工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问链接我的站点css页面时，Lightbox将无法工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问链接我的站点css页面时，Lightbox将无法工作
EN