Html 当我点击单选按钮时,为什么图像不移动?
为什么我的滑块不工作?我已经尝试了所有,但没有任何效果,我正在寻找代码中的错误所在。我怎样才能让它工作Html 当我点击单选按钮时,为什么图像不移动?,html,css,Html,Css,为什么我的滑块不工作?我已经尝试了所有,但没有任何效果,我正在寻找代码中的错误所在。我怎样才能让它工作 .img容器{ 边框:2件纯黑; 填充:6px; 宽度:1660px; } .crousel>img{ 保证金:4倍; } 克劳塞尔先生{ 边框:4倍纯色品红; 宽度:517px; 溢出:; 显示器:flex; } #幻灯片1:选中~.img container.crossel.box{ 转换:转换(0px); 过渡:所有300毫秒缓解; } #幻灯片2:选中~.img container.
.img容器{
边框:2件纯黑;
填充:6px;
宽度:1660px;
}
.crousel>img{
保证金:4倍;
}
克劳塞尔先生{
边框:4倍纯色品红;
宽度:517px;
溢出:;
显示器:flex;
}
#幻灯片1:选中~.img container.crossel.box{
转换:转换(0px);
过渡:所有300毫秒缓解;
}
#幻灯片2:选中~.img container.crossel.box{
转换:转换(-500px);
过渡:所有300毫秒缓解;
}
#幻灯片3:选中~.img container.crossel.box{
转换:转换(-1000px);
过渡:所有300毫秒缓解;
}
在html和img中,您编写了
class=“.box”
而不是class=“box”
并将img
标签放在标签标签之间,因为它指向for
这项修改将很好地工作
.img容器{
边框:2件纯黑;
填充:6px;
宽度:1660px;
}
.crousel>img{
保证金:4倍;
}
克劳塞尔先生{
边框:4倍纯色品红;
宽度:517px;
溢出:;
显示器:flex;
}
#幻灯片1:选中~.img container.crossel.box{
转换:转换(0px);
过渡:所有300毫秒缓解;
}
#幻灯片2:选中~.img container.crossel.box{
转换:转换(-500px);
过渡:所有300毫秒缓解;
}
#幻灯片3:选中~.img container.crossel.box{
转换:转换(-1000px);
过渡:所有300毫秒缓解;
}
在html中,在img中,您编写了class=“.box”
,而不是class=“box”
并将img
标签放在标签标签之间,因为它指向for
这项修改将很好地工作
.img容器{
边框:2件纯黑;
填充:6px;
宽度:1660px;
}
.crousel>img{
保证金:4倍;
}
克劳塞尔先生{
边框:4倍纯色品红;
宽度:517px;
溢出:;
显示器:flex;
}
#幻灯片1:选中~.img container.crossel.box{
转换:转换(0px);
过渡:所有300毫秒缓解;
}
#幻灯片2:选中~.img container.crossel.box{
转换:转换(-500px);
过渡:所有300毫秒缓解;
}
#幻灯片3:选中~.img container.crossel.box{
转换:转换(-1000px);
过渡:所有300毫秒缓解;
}
我把img标签放在标签标签之间
class=“.box”不正确。它将是class=“box”
.img容器{
边框:2件纯黑;
填充:6px;
宽度:1660px;
}
.crousel>img{
保证金:4倍;
}
克劳塞尔先生{
边框:4倍纯色品红;
宽度:517px;
溢出:;
显示器:flex;
}
#幻灯片1:选中~.img container.crossel.box{
转换:转换(0px);
过渡:所有300毫秒缓解;
}
#幻灯片2:选中~.img container.crossel.box{
转换:转换(-500px);
过渡:所有300毫秒缓解;
}
#幻灯片3:选中~.img container.crossel.box{
转换:转换(-1000px);
过渡:所有300毫秒缓解;
}
我把img标签放在标签标签之间
class=“.box”不正确。它将是class=“box”
.img容器{
边框:2件纯黑;
填充:6px;
宽度:1660px;
}
.crousel>img{
保证金:4倍;
}
克劳塞尔先生{
边框:4倍纯色品红;
宽度:517px;
溢出:;
显示器:flex;
}
#幻灯片1:选中~.img container.crossel.box{
转换:转换(0px);
过渡:所有300毫秒缓解;
}
#幻灯片2:选中~.img container.crossel.box{
转换:转换(-500px);
过渡:所有300毫秒缓解;
}
#幻灯片3:选中~.img container.crossel.box{
转换:转换(-1000px);
过渡:所有300毫秒缓解;
}
非常感谢这个答案,它很有效。我有一个问题,当我们直接放置在.box>img的位置时,为什么它不工作可能是因为它指向你的标签,而不是你的图像,因为它正在搜索标签中的«for»
非常感谢这个答案,它是有效的。我有一个问题,当我们直接在.box>img的位置放置时,为什么它不起作用可能是因为它指向您的标签,而不是您的图像,因为它正在搜索标签中的«for»
非常感谢兄弟的回答,它起作用了,感谢您再次指出我的错误,非常感谢@MaxiGui-一般来说,如果你发现一个排版错误解决了一个问题,就不值得回答了。只要发表评论,如果你有足够的代表,投票结束。@halfer好的,我会这样做then@halfer请看一看刚刚发布的非常类似的内容:可能是一些学生根据片段。。。但是我不能将这个主题设置为重复,因为它是关闭的(显然你和我都不知道…)非常感谢兄弟的回答,它很有效,感谢你再次指出我的错误非常感谢@MaxiGui-一般来说,如果你发现一个排版错误解决了一个问题,就不值得回答了。只要发表评论,如果你有足够的代表,投票结束。@halfer好的,我会这样做then@halfer请看一看刚刚发布的非常类似的内容:可能是一些学生根据片段。。。但是我不能将这个主题设置为重复,因为它是关闭的(显然你和我都不知道…)