在Wordpress中，我在列中有两个元素：文本块和图库。图库是WooThemes的FlexSlider。
我有以下CSS：
.infront {
position: relative;
z-index: 10;
}
.behind {
position: relative;
z-index: 1;
}
我设置＆＃34;背后＆＃34; class作为FlexSlider的额外类名和＆＃34; infront＆＃34; class作为文本块的额外类名。
这显然会对这两个元素产生一些影响，但不会影响将文本置于Flexslider之上。它们只是在列中移动了一点。
有什么建议吗？
以下是原始页面文字：
[vc_row css=".vc_custom_1418502637840{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 30px !important;margin-left: 0px !important;padding-top: 400px !important;padding-right: 0px !important;padding-bottom: 150px !important;padding-left: 0px !important;background-color: #000000 !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}" inertia="0.1"][vc_column width="1/1"][vc_column_text css_animation="left-to-right"]
<div class="yataghan" style="color: #fff; text-shadow: 0 0 15px #000, 1px 1px 2px #000; padding-left: 80px;"><span style="font-size: 65.4545440673828px; line-height: 59.6590881347656px;">x</span></div>
[/vc_column_text][vc_tabs interval="0"][vc_tab title="Introduction" tab_id="1413240816-1-19"][vc_row_inner][vc_column_inner width="2/3"][vc_column_text]
<h1 style="text-align: center;">Tagline.</h1>
<div>
<p style="text-align: center;"><a href="http://unbound-games.com/wp-content/uploads/2014/12/junk.png"><img class="floater" src="http://unbound-games.com/wp-content/uploads/2014/12/junk.png" alt="Junk Glyph" width="200" height="200" />
</a>Blah blah blah. Blah blah blah. Blah blah blah. Blah blah blah. Blah blah blah. Blah blah blah. Blah blah blah. <span style="font-size: 17.27272605896px; line-height: 25.009090423584px;">Blah blah blah. Blah blah blah. Blah blah blah. Blah blah blah. Blah blah blah. Blah blah blah. Blah blah blah. Blah blah blah. Blah blah blah. </span><span style="font-size: 17.27272605896px; line-height: 25.009090423584px;">Blah blah blah. Blah blah blah. Blah blah blah. </span><span style="font-size: 17.27272605896px; line-height: 25.009090423584px;">Blah blah blah. Blah blah blah. Blah blah blah. Blah blah blah. Blah blah blah. </span></p>
<table border="0">
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
</div>
[/vc_column_text][vc_column_text css=".vc_custom_1418502481592{margin-top: 15px !important;border-top-width: 15px !important;padding-top: 15px !important;}"]More text...[/vc_column_text][/vc_column_inner][vc_column_inner width="1/3"][vc_column_text el_class="infront"]This Text Should
Be Over Image.[/vc_column_text][vc_gallery type="flexslider_fade" interval="3" images="200784,200785" onclick="link_image" custom_links_target="_self" el_class="behind"][/vc_column_inner][/vc_row_inner][/vc_tab][/vc_tabs][/vc_column][vc_column][/vc_column][/vc_row][vc_row][vc_column width="1/1"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][/vc_column][/vc_row]