jQuery-我的代码没有't似乎适用于所有浏览器
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("显示")时,它工作得很好;(或隐藏)如果我正在使用FireFox,但一旦我尝试使用IE7+、Chrome或Safari,它就不会显示任何内容。
正如你可能看到的,我的CSS非常糟糕。
这方面的任何帮助都将是伟大的。
谢谢!
http://jsfiddle.net/3aLgY/4/
相关文章:
- AddEventListener适用于浏览器,但不适用于Android
- 适用于多种浏览器的Selenium-需要能够执行javascript的webDriver
- ng类仅适用于所有IE浏览器
- 链接适用于所有浏览器,除了 safari(php 代码)
- 在Firefox中使用锤子捏 错误地定向 - 适用于所有其他浏览器
- 我的javascript适用于所有浏览器,但IE8除外
- 适用于可在网络浏览器和智能手机上运行的网站的 MP3 播放器
- JavaScript中的简单正则表达式适用于所有浏览器,但Safari除外
- React Router浏览器历史记录适用于本地,而不适用于生产
- javascript文档.提交并非适用于所有浏览器
- 响应式设计适用于桌面浏览器、移动模拟器(Safari和Mozilla Firefox),但不适用于真正的智能手机(And
- Jquery.Load不适用于android浏览器,但适用于同一设备上的Firefox移动浏览器
- 如何使preventDefault适用于所有浏览器
- Node.js/Socket.io 中的 Web 套接字支持,适用于旧版浏览器
- Phonegap:我的Javascript代码适用于浏览器,但不适用于Android模拟器或设备
- 如何使Javascript适用于所有浏览器
- 适用于浏览器的兼容日期格式
- 适用于浏览器的红心坠落动画
- Ajax请求适用于浏览器,但不适用于Android设备
- jQuery仅适用于浏览器's的第一次启动