Html 幻灯片菜单最后2个项目符号不工作

Html 幻灯片菜单最后2个项目符号不工作,html,css,Html,Css,我有一个简单的幻灯片菜单,只使用CSS,用于我的学校项目 我在一个博客上找到了一个教程,我想从网站上展示的内容中再添加两张幻灯片,子弹出现了,在它们之间滑动,但在选择时没有显示任何内容 以下是我所做的: @导入url(http://fonts.googleapis.com/css?family=Archivo+狭窄的); * { 保证金:0; 填充:0; } 身体{ 背景色:#666; } h1{ 颜色:#333; 文本阴影:1px 1px#999; 字体大小:40px; 字体系列:Archi

我有一个简单的幻灯片菜单,只使用CSS,用于我的学校项目

我在一个博客上找到了一个教程,我想从网站上展示的内容中再添加两张幻灯片,子弹出现了,在它们之间滑动,但在选择时没有显示任何内容

以下是我所做的:

@导入url(http://fonts.googleapis.com/css?family=Archivo+狭窄的);
* {
保证金:0;
填充:0;
}
身体{
背景色:#666;
}
h1{
颜色:#333;
文本阴影:1px 1px#999;
字体大小:40px;
字体系列:Archivo窄字体;
利润率:40像素;
文本对齐:居中;
}
.滑块{
显示:块;
高度:600px;
最小宽度:260px;
最大宽度:1200px;
保证金:自动;
边缘顶部:10px;
位置:相对位置;
}
斯莱德林纳先生{
宽度:100%;
身高:100%;
溢出:隐藏;
位置:相对位置;
}
.sliderinner>ul{
列表样式:无;
身高:100%;
宽度:500%;
溢出:隐藏;
位置:相对位置;
左:0px;
-webkit转换:左.8s立方贝塞尔(0.77,0,0.175,1);
-moz变换:左.8s三次贝塞尔(0.77,0,0.175,1);
-o型过渡:左0.8s三次贝塞尔(0.77,0,0.175,1);
过渡:左.8s三次贝塞尔(0.77,0,0.175,1);
}
.sliderinner>ul>li{
宽度:20%;
高度:600px;
浮动:左;
位置:相对位置;
}
.sliderinner>ul>li>img{
保证金:自动;
身高:100%;
}
.滑块输入[类型=收音机]{
位置:绝对位置;
左:50%;
底部:15px;
z指数:100;
可见性:隐藏;
}
.滑块标签{
位置:绝对位置;
左:50%;
底部:-45px;
z指数:100;
宽度:12px;
高度:12px;
背景色:#ccc;
-webkit边界半径:50%;
-moz边界半径:50%;
边界半径:50%;
光标:指针;
-webkit盒阴影:0px 0px 3px rgba(0,0,0,8);
-moz盒阴影:0px 0px 3px rgba(0,0,0,8);
盒影:0px 0px 3px rgba(0,0,0,8);
-webkit过渡:背景色.2s;
-moz过渡:背景色。2s;
-o过渡:背景色。2s;
过渡色:背景色;
}
.slider输入[type=radio]#control1:选中~label[for=control1]{
背景色:#333;
}
.slider输入[type=radio]#control2:选中~label[for=control2]{
背景色:#333;
}
.slider输入[type=radio]#control3:选中~label[for=control3]{
背景色:#333;
}
.slider输入[type=radio]#control4:选中~label[for=control4]{
背景色:#333;
}
.滑块输入[type=radio]#控件5:选中~label[for=control5]{
背景色:#333;
}
.slider输入[type=radio]#control6:选中~label[for=control6]{
背景色:#333;
}
.slider输入[type=radio]#control7:选中~label[for=control7]{
背景色:#333;
}
.滑块标签[for=control1]{
左边距:-54px
}
.滑块标签[for=control2]{
左边距:-36px
}
.滑块标签[for=control3]{
左边距:-18px
}
.滑块标签[for=control5]{
左边距:18px
}
.滑块标签[for=control6]{
左边距:36px
}
.滑块标签[for=control7]{
左边距:54px
}
.slider输入[type=radio]#控制1:选中~.slideriner>ul{
左:0
}
.slider输入[type=radio]#控制2:选中~.slideriner>ul{
左:-100%
}
.slider输入[type=radio]#控制3:选中~.slideriner>ul{
左:-200%
}
.slider输入[type=radio]#控制4:选中~.slideriner>ul{
左:-300%
}
.slider输入[type=radio]#控制5:选中~.slideriner>ul{
左:-400%
}
.slider输入[type=radio]#控制6:选中~.slideriner>ul{
左:-500%
}
.slider输入[type=radio]#控制7:选中~.slideriner>ul{
左:-600%
}
.说明{
位置:绝对位置;
底部:0;
左:0;
宽度:100%;
字体系列:Archivo窄字体;
z指数:1000;
}
.说明文字{
背景色:rgba(0,0,0,8);
填充:10px;
排名:0;
尺寸:40px;
z指数:4;
-webkit转换:不透明度.2s;
-moz转变:不透明度.2s;
-o-转变:不透明度。2s;
转变:不透明度;
颜色:#fff;
}

家
“我为什么要学英语?”-英语学习者的10个令人信服的理由
  • 英语是使用最广泛的语言之一 虽然它来了。。。。

  • 英语会为你打开更多的机会 能够

  • 英语让你有机会进入世界上最好的大学 英语广泛

  • 英语是世界上一些最伟大的文学作品的语言 如果你学英语

  • 英语使你更容易获得知识 你知道吗

  • 英语是一种奇妙的智力挑战 英语无疑是

  • 英语让你从流行文化中获得更多 世界上最高的


两个新的
,上面的两个是<代码>


试着用相同的格式制作新的图像标签,同时去掉6.jpg和7.jpg中的“/”后面的图像。

这两个新的
,上面的是它们<代码>


试着用相同的格式制作新的图像标签,同时去掉6.jpg和7.jpg中图像后的“/”。

在你有5个控件之前,你的