我有一个显示内联fancybox弹出窗口的按钮:
<a class="fancybox" href="#inlineSearchPopup">
<asp:Button ID="searchButton" runat="server" Text="Search Stories" OnClick="searchButton_Click" />
</a>
<div id="inlineSearchPopup" style="width: 400px; display: none;">
<h3>
Etiam quis mi eu elit</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor
facilisis id et neque. Nulla sit amet sem sapien. Vestibulum imperdiet porta ante
ac ornare. Nulla et lorem eu nibh adipiscing ultricies nec at lacus. Cras laoreet
ultricies sem, at blandit mi eleifend aliquam. Nunc enim ipsum, vehicula non pretium
varius, cursus ac tortor. Vivamus fringilla congue laoreet. Quisque ultrices sodales
orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare,
faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac. Maecenas nisl
nunc, molestie vitae eleifend vel, iaculis sed magna. Aenean tempus lacus vitae
orci posuere porttitor eget non felis. Donec lectus elit, aliquam nec eleifend sit
amet, vestibulum sed nunc.
</p>
</div>
这是Javascript:
<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="<% = Page.ResolveUrl("~/css/jquery.fancybox.css?v=2.1.5") %>"
type="text/css" media="screen" />
<script type="text/javascript" src="<% = Page.ResolveUrl("~/Scripts/jquery.fancybox.pack.js?v=2.1.5") %>"></script>
<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="<% = Page.ResolveUrl("~/css/jquery.fancybox-buttons.css?v=1.0.5") %>" />
<script type="text/javascript" src="<% = Page.ResolveUrl("~/Scripts/jquery.fancybox-buttons.js?v=1.0.5") %>"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".fancybox").fancybox({
openEffect: 'none',
closeEffect: 'none'
});
它弹出并且几乎正确地工作但是当弹出确实发生时它隐藏了背景。我不希望它隐藏背景。我做错了什么?