好像是的
我把下一节的写上去之后又好了
样式搞错了
贴上,代码呀~ 认真仔细一点
看下路径或者样式里的高度宽度
试试看,,
我的效果没问题
这个问题你需要在一开始总的page设置里加绝对定位和宽度才会让top起作用
这个问题我也出现过;你要在你的每个页面也就是开头总的page大小加一个绝对定位和宽度,才会让style.top起作用
:before的z-index要设置的比灯笼的小
#page3.fadeIn fadeIn的点的前面不能加空格! (看慕友评论才知道的)
关于跳到第二圈后开始画面抖动的问题
1、经过评论区指导后在<body>标签中加入了 overflow:hidden 问题没有解决,偶然发现火狐没问题但谷歌不正常
2、找到老师给出的项目地址,查看源代码,对照后在head标签中加入了
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
问题解决
你是不是css里面 #page2.fadeOut 加空格了
被注释掉了
需要用到定时器,setTimeout();
我之前是这个地方没设置好,page3.style.top = "100%";这样5500ms后第三页才出现
setTimeout(function(){
page2.setAttribute("class","page fadeOut");
page3.setAttribute("class","page fadeIn");
},5500);
DOM2是什么?DOM树在任何浏览器基本上都是支持的,春节贺卡中的兼容问题主要是属性的兼容,因为是CSS3中的,老版本不兼容。但是DOM绝对是兼容的。
因为刚开始第二页设置的是display none,相当于不存在,等到它属性为display:block时效果才会执行
好吧!body 加了hidden就好了
page3css代码写没
#page3{
display: none;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s;
}
/*第3页出现效果*/
#page3.fadeIn{
-webkit-transform:translate(0,-100%);
-o-transform:translate(0,-100%);
transform:translate(0,-100%);
}
包含选择符吧 在id为page的标签下class为fadein的标签
把类名和收尾符都检查一遍看看那里错了或者少了
js 上的class写错了 是fadeOut fadeIn 不是fadeout fadein 自己看一下js和css的class的名字 注意大小写
安装Package Control
Sublime安装插件有两种方式,一种是直接下载安装包解压缩到Packages目录,另一种是通过Package Control组件来安装组件,后者更加的方便。
打开Sublime,按control + ` 打开控制台,粘贴如下代码到命令行并回车;
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
重启Sublime,在Perferences->Package Settings 中看到 Package Control,则表示安装成功。
------------------------插件安装:------------------------
打开Sublime,按下 Ctrl+Shift+p 进入 Command Palette;
输入install 找到Package Control: Install Package点击进入;
输入css format 选择css format进行安装。
安装成功后鼠标右键也会有增加了下面这个菜单
代码后面缺少分号
vh和vw其实就是类似于%;只是相对的值不一样~慕课网有专门的视频讲切图的呢~比较易懂~我也是菜鸟一第一次回答求别喷~
哦哦哦