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

来源:19-2 先静后动,构建新闻详情页面样式

qq_寒柏拉_0

2019-02-18

就是图中的横线压在了图标上方,请问怎么放到图标下边呢?
http://img.mukewang.com/szimg/5c69e0970001b13204290226.jpg

写回答

3回答

qq_寒柏拉_0

提问者

2019-02-18

这是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>


0
0

qq_寒柏拉_0

提问者

2019-02-18

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

.horizon{

width: 660rpx;

height: 10rpx;

background-color: #800303;

vertical-align: middle;

position: relative;

top: 46rpx;

margin: 0 auto;

z-index: -99;

}


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

0
1
7七月
z-index应该是可以的。你可以下源码看看,把源码z-index取消就在上面了。但你这里不行,是不是哪里和课程里不一样?自己改写了?看看源码吧
2019-02-18
共1条回复

7七月

2019-02-18

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

0
0

微信小程序入门与实战(全新版) 超20000人学习的好课

4年同步微信官方迭代,累计20000+人学习, 比微信官方更火爆!

23866 学习 · 6899 问题

查看课程