【发布时间】：2017-10-31 15:31:01
【问题描述】：
我使用 Php include 将信息包含在相册的模式中，并且由于某种原因它包含正确的文件，但它没有像我在包含它的 div 类中指定的那样隐藏。您可以访问https://www.trillumonopoly.com 上的音乐页面，但这里是音乐页面的代码，我在其中包含了 musicmodals.php 信息页面。有趣的是它没有显示所有的内容。只是最后一个 div。为什么这甚至可见？我该如何解决？我不能包含音乐模式页面的代码……对于文本区域来说太多了……但是
<html>
<head>
<style>
.general {
background : url("img/parallaxmain1.jpg") repeat fixed 100% !Important;
background-size: cover;
}
.album {
width: 90%;
height: 650px;
margin:0 auto;
overflow-x: auto;
overflow-y: hidden;
background : url("img/featured.jpg") repeat fixed 80% !Important;
background-size: cover;
}
.songlist {
width: 85%;
margin: 0 auto;
font-size: 90% !important;
height: 200px:
overflow-x: auto;
overflow-y: hidden;
}
.albumback {
background : url("img/featured.jpg") repeat fixed 80% !Important;
background-size: cover;
}
</style>
</head>
<body><center><font size="2em">
<div class="general">
<div class="header">
<div class="col-6 ">
<img src="img/mediahead.png" class="img-fluid">
</div>
<div class="col-6 ">
</div>
</div>
<div class="discography row container">
<div class="col-lg-3 col-md-4 col-sm-6 box2"><br>
<a href="#BlueLines" data-lity>
<img src="music/011BlueLines/bluelines.jpg" class="img-fluid">
</a>
<hr style="background-color:#ffffff"><br>
<div class="video description">
Artist: T. Cartel <br>
Title: BLUE LINES & BIG FACES<br>
Release: 2015<br>
</div><br>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 box2"><br>
<a href="#YungNGettinIt" data-lity>
<img src="music/010YungNGettinIt/yung.jpg" class="img-fluid">
</a>
<hr style="background-color:#ffffff"><br>
<div class="video description">
Artist: T. Cartel <br>
Title: Yung N Gettin It<br>
Release: 2014<br>
</div><br>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 box2"><br>
<a href="#RNL" data-lity>
<img src="music/009RNL/rnl.jpg" class="img-fluid">
</a>
<hr style="background-color:#ffffff"><br>
<div class="video description">
Artist: T. Cartel <br>
Title: RNL<br>
Release: 2014<br>
</div><br>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 box2"><br>
<a href="#GodsHand" data-lity>
<img src="music/008GodsHand/godshand.jpg" class="img-fluid">
</a>
<hr style="background-color:#ffffff"><br>
<div class="video description">
Artist: T. Cartel <br>
Title: GodsHand<br>
Release: 2013<br>
</div><br>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 box2"><br>
<a href="#AG" data-lity>
<img src="music/007IAmAG/IamAGFront.jpg" class="img-fluid">
</a>
<hr style="background-color:#ffffff"><br>
<div class="video description">
Artist: ZAREYAH <br>
Title: I AM A G<br>
Release: 2011<br>
</div><br>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 box2"><br>
<a href="#KeepItG" data-lity>
<img src="music/006KeepItG/keepItGFront.jpg" class="img-fluid">
</a>
<hr style="background-color:#ffffff"><br>
<div class="video description">
Artist: T. Cartel <br>
Title: Keep It G<br>
Release: 2012<br>
</div><br>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 box2"><br>
<a href="#Gunsmoke" data-lity>
<img src="music/005GunsmokeNResin/gunsmoke.jpg" class="img-fluid">
</a>
<hr style="background-color:#ffffff"><br>
<div class="video description">
Artist: T. Cartel <br>
Title: GunsSMoke & Resin<br>
Release: 2011<br>
</div><br>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 box2"><br>
<a href="#Divine1" data-lity>
<img src="music/004DGvol1/DGvol1front.jpg" class="img-fluid">
</a>
<hr style="background-color:#ffffff"><br>
<div class="video description">
Artist: Divine Grind <br>
Title: Vol. 1<br>
Release: 2010<br>
</div><br>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 box2"><br>
<a href="#PotentAlbum" data-lity>
<img src="music/003PotentAlbum/potentalbumfront.jpg" class="img-fluid">
</a>
<hr style="background-color:#ffffff"><br>
<div class="video description">
Artist: T. Cartel <br>
Title: The Potent Album<br>
Release: 2006<br>
</div><br>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 box2"><br>
<a href="#2Potent" data-lity>
<img src="music/002The2PotentAlbum/toopotentalbumfront.jpg" class="img-fluid">
</a>
<hr style="background-color:#ffffff"><br>
<div class="video description">
Artist: T. Cartel <br>
Title: 2 Potent Album<br>
Release: 2005<br>
</div><br>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 box2"><br>
<a href="#DoinNumbers" data-lity>
<img src="music/001DoinNumbers/DoinNumbersFront.jpg" class="img-fluid">
</a>
<hr style="background-color:#ffffff"><br>
<div class="video description">
Artist: T. Cartel <br>
Title: Doin Numbers<br>
Release: 2005<br>
</div><br>
</div>
</div>
</div>
<center>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-7512006871298343"
data-ad-slot="7265345115"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!--footer-->
© ILLUMONOPOLY LLC. ALL RIGHTS RESERVED. </center>
<div class="d-none invisible">
<?php include("/customers/b/b/3/trillumonopoly.com/httpd.www/pages/musicmodals.php");?>
</div>
</body>
</html>
【问题讨论】：
-
类：
d-none和invisible定义在哪里？ -
我相信它们在 bootstrap 4 css 中@Kchason
-
jquery 和 bootstrap 包含在哪里？
-
jquery 和 bootstrap 包含在我的索引页面中。在我的网站上。它通过 ajax 加载此页面....
标签： php ajax html bootstrap-4