我有一个显示内联花式框弹出窗口的按钮:
<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'
});
它正在弹出并且几乎可以正常工作,但是当弹出确实发生时,它会隐藏背景。我不希望它隐藏背景。我究竟做错了什么?