的jQuery插件leaveNotice和Internet Explorer

IM使用從作者page（例如排名第六，最後一個）在網站leaveNotice插件，例如一切看起來沒事在Chrome和IE8。當我在我的頁面中實現這一點時，在鉻中，所有仍然看起來不錯，但也就是通常將它搞砸了。背景顯示在文本下方，彈出窗口出現在背景下。這是問題與CSS，但我沒有CSS技能來解決它。再加上相同的示例網站上的CSS所有看起來都很好，即使有點混亂，請幫助我。這就是我在我的HTML的jQuery插件leaveNotice和Internet Explorer

<script language="javascript" type="text/javascript" src="js/jquery-1.5.1.min.js"></script> 
    <script language="javascript" type="text/javascript" src="js/jquery.leaveNotice.min.js"> 
    <script language="javascript" type="text/javascript" src="js/main.js"></script> 
    <link rel="stylesheet" type="text/css" href="css/jquery.leaveNotice.css" /> 
    <link rel="stylesheet" type="text/css" href="css/main.css" /> 
    <a href="http://www.google.com" class="external_link">Google!</a>

我的js文件

$(document).ready(function() { 
    $('.external_link').leaveNotice(
    { 

     siteName:"LeaveNotice Test Page", 
     exitMessage:"<h3>Say goodbye to {SITENAME}!</h3><p>Thanks. Shut the door behind you!</p>", 
     preLinkMessage:"<hr/><p>Have fun at:<br/><strong>{URL}</strong></p><hr/>", 
     overlayId:"custom-blackout", 
     messageBoxId:"custom-messageBox", 
     messageBoxHolder:"custom-messageHolder", 
     overlayAlpha:0.6 

    }); 

});

而且我的CSS

#custom-blackout {position:fixed; top:0; left:0; width:100%; height:100%; background-color:#514004;} 
#custom-messageHolder {position:fixed; top:200px; left:0; width:100%;} 
#custom-messageBox {width:400px; margin:0 auto; padding:120px 50px 20px 50px; background:#333 url(img/custom-msg-box-bg.png) no-repeat top center; color:#fff; text-align:center; border:5px solid #F8DA07; -moz-border-radius:15px; -webkit-border-radius:15px;} 
#custom-messageBox * {color:#fff;} 
#custom-messageBox hr {border-color:#666;} 
#custom-messageBox a#ln-cancelLink {background-color:#666; color:#333;}

來源

2011-03-20 Petya petrov

它的工作對我罰款IE8的我。

我複製與來自例如引入的jsfiddle樣式沿着整個例子。您可以打開IE8下面的鏈接進行測試：

http://jsfiddle.net/neebz/gyjVg/1/

我覺得你的問題是與CSS。你沒有正確地設計風格以顯示它的好處。

來源

2011-03-20 08:02:48 neebz

這很奇怪，仍然不工作，請檢查我的代碼在第一篇文章 – 2011-03-20 08:11:29

這絕對是無法找到jQuery.LeaveNotice.css的問題。如果我在的jsfiddle例如刪除jQuery.LeaveNotice.css的CSS鏈接和「運行」（Ctrl + Enter）它，然後我得到你提到了同樣的問題。你知道在上面的代碼中，css文件是相對鏈接的嗎？將其更改爲絕對鏈接並查看。 – neebz 2011-03-20 08:50:48

css附加正確:( – 2011-03-20 09:28:36

的jQuery插件leaveNotice和Internet Explorer

回答

相關問題