-
- 慕UI5236663 2018-12-03
page static => absolute
1, 2, 3页通过display显示
3个圈
2016
- 0赞 · 0采集
-
- qq_Riseofsea_0 2017-08-18
- border-radius:50% 圆形
- 0赞 · 0采集
-
- 慕工程2957023 2016-12-01
- display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别: display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。 visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。
- 0赞 · 0采集
-
- 沈经病人 2016-09-22
- hi
- 0赞 · 0采集
-
- 沈经病人 2016-09-22
- 李敏
- 0赞 · 0采集
-
- qq_吴云_0 2016-05-05
- 公共的font-size:1.5625vw;
-
截图0赞 · 0采集
-
- 北极阿熊 2016-02-12
- 『使用伪类来精简代码数量，必须要用content:""填充。 『对每一页设置display属性，既方便编写代码过程中的调试，同时也为后面js对页面显示的控制留下接口。
- 0赞 · 6采集
-
- sandogeek 2016-02-11
- 这里使用:before和:after伪类来实现两个圈，是一个很好的技巧，可以减少页面的html标签数量。
- 0赞 · 3采集
-
- 李晓健 2016-02-11
- 每一个页面都是一个完整的单页的，所以每一个页面都要重新给一个定位的参考基点，也就是需要添加 position: absolute;
-
截图1赞 · 1采集
-
- 李晓健 2016-02-11
- 这里使用:before和:after伪类来实现两个圈，是一个很好的技巧，可以减少页面的html标签数量。
-
截图0赞 · 2采集
-
- darcygail 2016-02-09
- Content一定要记得加，我是倒回来看的。。GG
-
截图0赞 · 0采集
-
- darcygail 2016-02-09
- 使用绝对位置,让其完全重叠
-
截图0赞 · 0采集
-
- molly520 2016-02-05
- xx：before,xx：after{content：""}需要加上内容
-
截图0赞 · 1采集
-
- 侠客岛的含笑 2016-02-05
- display：none: 隐藏该标签; display：block:就是将他强行转化为块级元素; 块级元素： 动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子； 行内元素： 自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。 display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别: display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。 visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。
- 1赞 · 0采集
-
- SMG2 2016-02-04
- 为什么要加content:""后面是空是什么意思
-
截图0赞 · 0采集
-
- menghuanbaolei 2016-02-04
- 很好奇为什么不直接： .page{ position: relative; height: 100%; }
-
截图0赞 · 0采集
-
- 唐无邪 2016-02-04
- 标签加如css属性：display：none 隐藏该标签
- 0赞 · 0采集
-
- 慕斯卡7752168 2016-02-04
- 代码(续) #page2 > .p2_circle:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 50%; content: ""; background: url("../images/p2_circle_inner.png") no-repeat center center; background-size: 100%; width: 39.9375vw; height: 39.9375vh; } #page2 > .p2_2016 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url("../images/p2_2016.png") no-repeat center center; background-size: 100%; width: 27.5vw; height: 6.24vh; }
- 1赞 · 0采集
-
- 慕斯卡7752168 2016-02-04
- 需要先设置display:block / none; 属性 使当前设置页面显示或不显示。 在整个page的div中设置position:absolute; 以及width:100%; 代码如下： #page2 > .p2_circle { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 50%; background: url("../images/p2_circle_outer.png") no-repeat center center; background-size: 100%; width: 59.375vw; height: 59.375vh; } #page2 > .p2_circle:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 50%; content: ""; background: url("../images/p2_circle_middle.png") no-repeat center center; background-size: 100%; width: 45.625vw; height: 45.625vh; }
- 1赞 · 0采集
-
- lynhao 2016-02-04
- 由于三个page的背景重叠，分别为page1和page设置隐藏 display：none；page2设置显示 display:block
-
截图0赞 · 0采集
-
- GOD0123 2016-02-04
- border-radius：50% 变圆
-
截图0赞 · 0采集
数据加载中...