IE瀏覽器和調整div window.resize

我使用基礎CSS（http://foundation.zurb.com/index.html），我的佈局全部完成。它是整頁響應。IE瀏覽器和調整div window.resize

我最大的問題是響應DIV背景圖像和高度。基本上，我有一個完整的寬度行，在裏面，我有一個嵌套的行分裂在2（50/50）。例如：現在

<div class="row"><!-- full row --> 
    <div class="large-6 columns bgimg resizeit">row one with BG image</div><!-- left box --> 
    <div class="large-6 columns setboxtall"> <!-- right box --> 

    <!-- MSG-MSG --> 
    <div class="valignmiddle center-it"> 
     <p>EVENTS | EL PASO</p> 
     <h2>Event one</h2> 
     <h3>MAY 26 - 27, 2014</h3> 
     <hr class="block-divider" /> 
     <h4> Neque porro quisquam </h4> 
    </div> 
    <!-- MSG-MSG --> 

    </div> 
</div>

，爲了看到在左側框中的背景圖片，我需要一種方法來調整其大小到右邊框的高度。

所以我有一個jQuery腳本來做到這一點：

var resizeDiv = function() { 
var maxHeight = 0; 

    $(".setboxtall").each(function(){ 
    if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } 
    }); 

    $(".resizeit").height(maxHeight); 

}; 

$(document).ready(resizeDiv); 
$(window).resize(resizeDiv);

這基本上穿過代碼，查找一個類調用setboxtall，然後應用於的高度，到div叫resizeit。

我正在使用backstretch（http://srobbin.com/jquery-plugins/backstretch/）來應用BG圖像。很棒。

<script>$(".bgimg").backstretch("img/background/indian.jpg");</script>

這在Firefox，Chrome和Safari中非常適用。但是，在瀏覽器調整大小之前，IE不會用背景圖片填充div。一旦我調整IE甚至最微小的一點，它的作品。

如何獲取背景圖像出現在該div中，當頁面加載時，在IE中（即時通訊使用IE10 btw）。

我試過各種各樣的東西，我的問題是孤立的JS和調整div和瀏覽器的事件。

如果有更好的方法來解決這個問題，請解釋一下。

我應該提一下，在頁面上有2-6個這樣的實例。所以我需要能夠針對特定的div類。（身高是動態的，基於文本的在右邊框量）

感謝

來源

2014-03-18 user3006048

我不能直接幫助，因爲我沒有太多的經驗與使用jQuery的響應的目的，但基金確實有一個內置的插件可以讓div保持同樣的高度。

我認爲這是在基金會最近更新中添加的，因此您可能需要更新才能使用它http://foundation.zurb.com/docs/components/equalizer.html

來源

2014-03-18 22:46:33

IE瀏覽器和調整div window.resize

回答

相關問題