-3

我在我的 Wordpress 页面的滑块上显示了这张图片。在我更改布局之前它工作正常：/

我不知道为什么，但现在我只能在 chrome 和 opera 中看到该图像。我也在 Firefox 和 IE (ugh) 中对其进行了测试，但它在这些中不起作用！根本没改代码。就像在旧布局上一样，但不知何故它不再起作用。

滑块和图像都在同一个小部件区域。带有类的图像在文本小部件中。

编辑：现在在 21 个主题上测试它有同样的问题，但在 21 个主题中它的工作原理应该是这样。

#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;
}

这是我从萤火虫看到的。

<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），因为它通过不同的文件传播，如复数形式。如果有人想要，我可以通过私人消息提供指向该网站的链接。

先感谢您。

编辑！已经解决了！！

非常感谢你！！

事情是这样的：我将文本小部件切换为相对，整个内容都忽略了上面的所有元素。我保留了它，然后我添加了另一个 div <div class="row">，然后它只需要一些移动边距和填充。

4

1 回答 1

0 
#text-widget-4 {
  position: absolute; <!-- try making this relative
  top: 0px; 
} 

.slider-overlay {
  position: absolute;  <!-- so that this can be positioned correctly
}

也许，由于它的绝对位置，#text-widget-4正在隐藏在 后面。meteor-slides-widget

我不太确定这一点，但还是试试吧。

于 2013-08-15T16:32:50.597 回答