怎么一翻转,图片变成一道线夹在文字介绍的中间呢,检查过可没错啊
6、任务一的背景图像链接失效,我换成了7-8节切换背景图的那一届的背景http://www.w3cplus.com/demo/css3/CSS3Fullbackground/sbg2.jpg,可以看到背景效果。
个人认为代码中的几个问题:
1、 .itemimg 中间少了空格 .item img
2、 CSS代码中文注释没用/**/
3、 .item .information 的 background并没有少a
4、 第21行的h1,em,#information,不是.information,而是多余了“,em,#information”,删除即可
5、HTML中没有a标签,删除即可
6、任务一的背景图像链接失效,我换成了6-7节切换背景图的那一届的背景http://www.w3cplus.com/demo/css3/CSS3Fullbackground/sbg2.jpg,可以看到背景效果。
如果将第21行的h1,em,#information,改为.information,就会调用h1,em,#information{}中的样式,导致背景错位。而原本的#information是错误的写法,浏览器没有调用,就不会出现问题,只是多了冗余的代码。所以连HTML中没有出现的em一并删除是最明智的选择。
71行的.item img 中间空格忘了.和上面的意思差不多,上个回答的可以不要
.item>img{
width: 310px;
height: 100px;
}
我刚开始图片很大,布局错乱,然后翻转也是不完全,你加这个试试?
没有啊,跟老师给的模板不一样,图片一翻转不是完全消失的
是不是用了浮动