Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当我点击单选按钮时,为什么图像不移动?_Html_Css - Fatal编程技术网

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请看一看刚刚发布的非常类似的内容:可能是一些学生根据片段。。。但是我不能将这个主题设置为重复,因为它是关闭的(显然你和我都不知道…)