问答详情
源自:12-4 制作3D旋转视频展示区

这是不是bug啊,大家的结果是怎么样的

怎么一翻转,图片变成一道线夹在文字介绍的中间呢,检查过可没错啊

提问者:GYA 2016-08-19 16:14

个回答

  • chage0527
    2017-01-06 19:02:45

    6、任务一的背景图像链接失效,我换成了7-8节切换背景图的那一届的背景http://www.w3cplus.com/demo/css3/CSS3Fullbackground/sbg2.jpg,可以看到背景效果。

  • chage0527
    2017-01-06 18:57:30

    个人认为代码中的几个问题:
    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一并删除是最明智的选择。

  • je_suis_idiot
    2016-11-23 11:39:18

    71行的.item img 中间空格忘了.和上面的意思差不多,上个回答的可以不要

  • je_suis_idiot
    2016-11-23 11:14:52

    .item>img{
                width: 310px;
                height: 100px;

    }

    我刚开始图片很大,布局错乱,然后翻转也是不完全,你加这个试试?

  • GYA
    2016-08-19 16:50:14

    没有啊,跟老师给的模板不一样,图片一翻转不是完全消失的

  • 世界上唯一的企鹅先生
    2016-08-19 16:23:40

    是不是用了浮动