[英]jQuery - My Code doesn't appear to work across all browsers
我有这个代码:
function displayLoader( toggle ){
if( toggle === 'show' ){
$('.overlay, .loader').css({
'z-index' : '1000',
'display' : 'inline'
});
} else {
$('.overlay, .loader').css({
'display':'none'
});
}
}
这个的CSS是:
.overlay{
clear: both;
width: 100%;
height:100%;
z-index:600;
position:absolute;
background: url('../images/overlay.jpg');
background-repeat: repeat;
opacity:0.65;
filter:alpha(opacity=65); /* For IE8 and earlier */
display:none;
}
.loader{
z-index:1000;
position: absolute;
display: none;
}
这是我的相关HTML代码:
<div class="overlay">
<div id="horizon">
<img src="../images/ajax-loader.gif" alt="Loading... Please wait." class="loader"/><br />
<p class="loader">Loading... Please be patient.</p>
</div>
</div>
当我调用displayLoader('show')时这很好用; (或隐藏)如果我使用的是FireFox,但是一旦我尝试使用IE7 +,Chrome或Safari,它就不会显示任何内容。
你可能会看到我的CSS很差。
对此的任何帮助都会很棒。
谢谢!
我做了一个小提琴。 它在IE中似乎对我很好。 我错过了什么吗?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.