-3

私のWordpressページのスライダーの上に表示したこの画像があります。レイアウトを変更するまではうまくいきました:/

理由はわかりませんが、今ではクロムとオペラでしかその画像を見ることができません. Firefox と IE(ugh) でもテストしましたが、それらでは動作しません! コードをまったく変更しませんでした。以前のレイアウトと同じですが、どういうわけか機能しなくなりました。

スライダーと画像の両方が同じウィジェット領域にあります。クラス付きの画像はテキスト ウィジェットにあります。

編集: 2011 のテーマでテストしても同じ問題がありますが、2011 のテーマでは正常に動作します。

#text-widget-4 {
    background-color: transparent; 
    position: absolute; 
    top: 0px; 
    margin: -50px !important;
    padding: 0px;
} 

.slider-overlay {
    position: absolute;  
    top: 120px;  
    left: 50px; 
    z-index:10; 
    border: none !important;
}

.meteor-slides-widget {
    position: relative;
    padding: 0px;
}

これは私がfirebugから見たものです。

<div class="row">
 <header id="required-header" class="twelve columns required-header" role="banner">
  <aside id="meteor-slides-widget-1" class="widget meteor-slides-widget">
    <div id="meteor-slideshowheader" class="meteor-slides header 
      navnone { next: '#meteor-      nextheader', prev: '#meteor-prevheader',
      pager: '#meteor-buttonsheader' }" >
    </div>
  </aside>

  <aside id="text-4" class="widget widget_text">
     <div class="textwidget">
         <img class="slider-overlay" src="http://postimage.org/blahblah/image.png"/>
     </div>
  </aside>
       --couple more elements here: navigation and search form - not important--
 </header>
</div>

複数形のように、異なるファイルに分散しているため、コードをそのままサーバーに投稿することは避けたいと思います (別名、firebug からではありません)。誰かが望むなら、私はプライベートメッセージを通してサイトへのリンクを与えることができます.

前もって感謝します。

編集！修正されました!!

どうもありがとうございました！！

これがどのように進んだかです: text-widget を relative に切り替え、コンテンツ全体がその上のすべての要素を無視して上がりました。私はそれを保持し、前に別のdivを追加しまし<div class="row">たが、マージンとパディングを使用して移動する必要がありました。

4

1 に答える 1