我设法弄清楚花哨的盒子，在野生动物园观看时，它在网站上运作得非常好。当我在Chrome和IE 9上查看它时，根本不工作。我对这一切都很陌生，并试图在这个网站和其他人上研究这个问题。如果有人能看到这个代码，看看是否有我可能理解的修复（意思是非常简单的说明），我将非常感激。先感谢您。以下是一个图库的代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width">
<title>CSS Page Builder Magic 2: Layout 2</title>
<link href="p7csspbm2/p7csspbm2_02.css" rel="stylesheet" type="text/css">
<link href="p7csspbm2/p7csspbm2_print.css" rel="stylesheet" type="text/css" media="print">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="js/fancybox/source/jquery.fancybox.css" type="text/css" media=”screen”/>
<script type="text/javascript" src="js/fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
<script type="text/javascript" src="js/fancybox/source/helpers/jquery.fancybox-media.js"></script>
<script type="text/javascript" src="js/fancybox/source/jquery.fancybox.pack.js"></script>
<!--[if lte IE 7]>
<style>
.menutop li {display: inline;}
div, .menuside a {zoom: 1;}
.masthead .banner, .masthead .banner img {width: 100%;}
</style>
<![endif]-->
</head>
<body>
<div class="content-wrapper">
<div class="masthead">
<div class="masthead">
<h1><a href="index.html"><img src="images/newbannersize.jpg" width="940" height="95" alt="home"></a></h1>
</div>
</div>
<div class="menutop-wrapper">
<ul class="menutop">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="news.html">News</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="columns-wrapper">
<div class="content">
<h6 align="center" class="page-topper" > Please click on image to view larger <br>
<a href="#statement" class="statement">Statement</a><br>
<a class="fancybox" rel="family" href="images/virginia_new.jpg"><img src="images/gallery-fo_13_virginia.jpg" width="134" height="174" alt="virginia"></a><a class="fancybox" rel="family" href="images/Richard.jpg"><img src="images/gallery-fo_11_richard.jpg" width="134" height="174" alt="richard"></a><a class="fancybox" rel="family" href="images/michael_new.jpg"><img src="images/gallery-fo_15_mike.jpg" width="134" height="174" alt="mike"></a></h6>
<p>
<h1 class="page-topper"><a class="fancybox" rel="family" href="images/harry_new.jpg"><img src="images/gallery-fo_09_harry.jpg" width="134" height="174" alt="harry"></a><a class="fancybox" rel="family" href="images/christa_julia_new.jpg"><img src="images/gallery-fo_17_christa.jpg" width="134" height="174" alt="christa and julia"></a><a class="fancybox" rel="family" href="images/frank_new.jpg"><img src="images/gallery-fo_23_frank.jpg" width="134" height="174" alt="frank"></a></h1>
<p> <h1 class="page-topper"><a class="fancybox" rel="family" href="images/jane_new.jpg"><img src="images/gallery-fo_24_jane.jpg" width="134" height="174" alt="jane"></a><a class="fancybox" rel="family" href="images/leslie_new.jpg"><img src="images/gallery-fo_25_leslie.jpg" width="134" height="174" alt="leslie"></a><a class="fancybox" rel="family" href="images/mary_new.jpg"><img src="images/gallery-fo_27_janesmom.jpg" width="134" height="174" alt="mary"></a></h1>
<p> <h1 class="page-topper"><a class="fancybox" rel="family" href="images/neal_new.jpg"><img src="images/gallery-fo_34_neal.jpg" width="134" height="174" alt="neal"></a><a class="fancybox" rel="family" href="images/patricia_new.jpg"><img src="images/gallery-fo_35_patricia.jpg" width="134" height="174" alt="patricia"></a><a class="fancybox" rel="family" href="images/matthew_new.jpg"><img src="images/gallery-fo_36_matt.jpg" width="134" height="174" alt="matt"></a></h1>
<p> </p>
<p class="statement"><a name="statement"></a></p>
<p class="statement">Family Outcomes</p>
<p class="statement">Family
Outcomes" has maintained as its focus the subject of people in my
life, whether immediate, extended<br>
or chosen family, and how they have
affected me in continuing and evolving ways. The central theme of this<br>
work is the notion that we are tied to our family and friends whether
by experience or memory, and that our<br>
being in relationship does not end
because of some arbitrary separation, be it distance, choice or death.
These<br>
images are about the discrepancy that often exists between what
we see and therefore assume, and what is<br>
objectively true. They are also
about the question, "what is objective truth?". What we cannot
know when a<br>
child's life is captured on film is of course where their
life will take them. We witness them frozen in time, in a <br>
moment that
ceased to be as soon as it was recorded. What I have chosen to do is to
juxtapose this past and<br>
this future into one image, as if to consolidate
the totality of life rather then its different passages. In this process,<br>
I also record my relationship with the subject and how their life has
in one way or another affected mine.</font></p>
<p class="resume"></p>
<p class="statement"><br>
</p>
<p class="statements"></p>
<span class="statement">
</p>
</span>
<p></p>
</div>
</div>
<div class="footer">
<p class="copyright">Patricia Sandler © 2014 All Rights Reserved<a href="http://www.projectseven.com"></a></p>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox({
openEffect: 'fade',
closeEffect: 'fade',
nextEffect: 'fade',
prevEffect: 'fade'
});
});
</script>
</body>
</html>