小程序
小游戏
企业微信
微信支付
扫描小程序码分享
但奇怪但是,在电脑上就没事,在手机上就不起作用,右侧明确写了overflow:hidden了,还加了important,还是隐藏不起来,求解!
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好 这个导航栏 是你自定义的?系统的没有这种?
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
是的,是自己定义的,问题解决了,是ball的的z-index问题, 感谢回答
你好,请提供出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
问题机型:iphone8,
IOS版本:11.4
微信版本:6.7.2
.ball {
display
:
block
;
position
relative
width
320
rpx;
height
margin
20
rpx
auto
overflow
hidden
border
1px
solid
#
1
border-radius:
50%
}
.water-container {
absolute
top
0
left
100%
box-sizing: border-box;
z-index
.water
{
1080
1000
49%
background-color
: rgba(
255
,
0.15
);
50
-550
margin-left
animation: rolling infinite
8
s linear;
-webkit-animation: rolling infinite
2
980
920
48%
0.35
-450
6
@keyframes rolling {
from {
transform: rotate(
-webkit-transform: rotate(
to {
360
deg);
<
view
class
=
'ball'
>
'water-container'
style
'top:30%'
'water1'
></
'water2'
</
请按正确格式提供代码片段( https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html )
wechatide://minicode/s38MMcm37SMU
你的.ball没有设置z-index,而.water-container设置了该值
非常感谢,抱歉这种睿智问题耽误您的时间 = 。=
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好 这个导航栏 是你自定义的?系统的没有这种?
是的,是自己定义的,问题解决了,是ball的的z-index问题, 感谢回答
你好,请提供出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
问题机型:iphone8,
IOS版本:11.4
微信版本:6.7.2
.ball {
display
:
block
;
position
:
relative
;
width
:
320
rpx;
height
:
320
rpx;
margin
:
20
rpx
auto
;
overflow
:
hidden
;
border
:
1px
solid
#
1
rpx;
border-radius:
50%
;
}
.water-container {
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
box-sizing: border-box;
z-index
:
0
;
}
.water
1
{
width
:
1080
rpx;
height
:
1000
rpx;
border-radius:
49%
;
background-color
: rgba(
255
,
255
,
255
,
0.15
);
z-index
:
1
;
position
:
absolute
;
top
:
50
rpx;
left
:
-550
rpx;
margin-left
:
50%
;
animation: rolling infinite
8
s linear;
-webkit-animation: rolling infinite
8
s linear;
}
.water
2
{
width
:
980
rpx;
height
:
920
rpx;
border-radius:
48%
;
background-color
: rgba(
255
,
255
,
255
,
0.35
);
z-index
:
0
;
position
:
absolute
;
top
:
50
rpx;
left
:
-450
rpx;
margin-left
:
50%
;
animation: rolling infinite
6
s linear;
-webkit-animation: rolling infinite
6
s linear;
}
@keyframes rolling {
from {
transform: rotate(
0
);
-webkit-transform: rotate(
0
);
}
to {
transform: rotate(
360
deg);
-webkit-transform: rotate(
360
deg);
}
}
<
view
class
=
'ball'
>
<
view
class
=
'water-container'
style
=
'top:30%'
>
<
view
class
=
'water1'
></
view
>
<
view
class
=
'water2'
></
view
>
</
view
>
</
view
>
请按正确格式提供代码片段( https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html )
wechatide://minicode/s38MMcm37SMU
你的.ball没有设置z-index,而.water-container设置了该值
非常感谢,抱歉这种睿智问题耽误您的时间 = 。=