老师，这节课有这样一个小问题，请您帮忙解答一下，谢谢。

Question

就是图中的横线压在了图标上方，请问怎么放到图标下边呢？

Answer 1

提问者 qq_寒柏拉_0 2019-02-18 12:39:53

这是wxml中的程序，您看是我写错了吗？

<text class='title'>天津为明国际文化节</text>

<view class='tool'>

<view class='circle-img'>

<image src='/images/head image/xiaohui.png'></image>

<image class='share-img' src='/images/head image/xiaohui.png'></image>

</view>

<view class='horizon'></view>

</view>

<text class='detail'>新闻正文，后边为补充文字啦啦啦啦啦啦啦啦绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿</text>

Answer 2

提问者 qq_寒柏拉_0 2019-02-18 12:37:52

老师，程序中加上负号了呢

.horizon{

width: 660rpx;

height: 10rpx;

background-color: #800303;

vertical-align: middle;

position: relative;

top: 46rpx;

margin: 0 auto;

z-index: -99;

}

但是显示的效果还是横线在上方。

• 7七月 #1

  z-index应该是可以的。你可以下源码看看，把源码z-index取消就在上面了。但你这里不行，是不是哪里和课程里不一样？自己改写了？看看源码吧

Answer 3

7七月 2019-02-18 07:40:15

这个课程里不是讲了吗，用z-index来控制，设置一个负值