HTML代码导致样式错误

Question

此代码：

<div class="social">
<span class="st_facebook_large"></span>
<span class="st_twitter_large"></span>
<span class="st_email_large"></span>
<span class="st_sharethis_large"></span>
<span class="st_plusone_button_large"></span>
</div>

导致此样式错误：

URL to this scenario

我的问题：如何让这张照片出现在“分享这个”按钮的在前面？

Answer 1

样式表中的

添加：

.yith_magnifier_zoom_wrap {z-index:999 !important}

Answer 2

从z-index

中删除#single-product .images > .yith_magnifier_zoom_wrap

或

在z-index:99;

中提供#single-product .images > .yith_magnifier_zoom_wrap

或

将z-index:99;指定为类名为yith_magnifier_zoom_magnifier的div的inline-CSS，因为不建议在CSS中使用!important。

Answer 3

尝试：

.social {
position:absolute;
z-index:999;
margin-left: -50px;
}

.image
{
position:absolute;
z-index:1;
}

您可能需要使用负边距或填充来使按钮不被图像覆盖...