2016-11-28 6 views
0

私は基礎的な6プラグインデータイコライザを使用して、同じ高さの2列を同じ高さにしていますが、私はこの作業を行っていますが、Webページの異なるセクション間にセパレータとしてイメージを含めています。 Webページが小さくなるにつれて、2つの列のサイズが大きくなり、セパレータイメージが重なり合ってしまいます。基礎6データイコライザ

<section class="about-us-gallery" data-equalizer="about"> 
    <div class="medium-6 columns empty bluebg" data-equalizer-watch="about" ></div> 
    <div class="medium-6 columns empty"data-equalizer-watch="about" ></div> 


    <div class="content-about-us" > 
    <div class="row"> 
     <div class="medium-6 columns "data-equalizer-watch="about"> 
      <h2 class="white">heading</h2> 
<p class="white">dkdkdkdkdkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk</p> 
     </div> 

     <div class="medium-6 columns"data-equalizer-watch="about"> 
      <h2>heading</h2> 
<p>talkdjf;alkdjf;alkdj;alkdjflasdjf;asdkfja;sldkjf;alsdkfj;asldkfjlasdjf </p> 
     </div> 


    </div> 
    </div> 
</section> 

<!-- Seperater image --> 
<div class="separator-image bar-image"></div> 
+0

を引き起こしている可能性があるに見える画像です背景画像?イコライズには、特にレイジーローディングの場合に、画像に関するいくつかの問題があります。 DOMがロードされたときに 'Foundation.reint( 'equalizer')'を実行するとイメージサイズを再確認してそれに応じて変更することができますが、サイズ変更/ローテーションでも実行する必要があります。 FoundationsのドキュメントのJSプラグインのセクションをご覧ください:http://foundation.zurb.com/sites/docs/javascript.html#adding-plugins-after-page-load – tymothytym

答えて

1

もっと参考にする例が必要な場合があります。私はあなたが形成し、ここに戻ってリンクすることができますデモをセットアップする:あなたが行に含まれていない2列を持っているようhttp://codepen.io/rafibomb/pen/ENbKxd

はまた、それは問題

<div class="medium-6 columns empty bluebg" data-equalizer-watch="about" ></div>