![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Eva-rascal
要么现在开始,要么永不开始
展开
-
混合开发app内部页面长度超两屏但是无法滚动
混合开发过程中,有个全是图片的页面,页面内容明显有好几屏,但在ios app内部页面就是不滚动,在浏览器和安卓系统中都是正常的,浏览器中无法复现,只能猜测原因并尝试1、把页面的height: 100%;overflow-y: auto;去掉可解决;2、给页面加个min-height: 2668px;保证页面可滚动。3、给展示的图片加上高度...原创 2019-10-25 13:45:35 · 395 阅读 · 0 评论 -
datetime-picker事件穿透问题解决一劳永逸
最近在使用mint-ui做移动端H5开发,遇到个特别恶心的问题:页面超一屏的时候,ios的datetime-picker在滑动的时候联动到底层一起滚动,网上说的禁止touchMove事件尝试了并不管用。最后的解决办法如下:1、datetime-picker改用popup加picker替换2、当popup显示的时候给body加个class。class加 pointer-events: none;...原创 2019-10-25 12:34:53 · 1032 阅读 · 0 评论 -
纯css制作遮罩层特效
css本身的功能就挺强大的,尤其是css3出来之后,大部分特效只用css3就能完成了,无需再费心思去想js怎么怎么做jQuery怎么怎么做。下面是用纯css制作的遮罩层效果:原始页面,放了三张图片:鼠标滑过第一张图片:瞬间加上遮罩层鼠标滑过第二张图片:遮罩层缓慢下拉下来鼠标滑过第三张图片:遮罩层缓慢的从中心位置旋转变大完整代码如下:<DOCTYPE html><html><head> <原创 2017-10-11 12:30:41 · 4905 阅读 · 0 评论 -
纯css制作tab选项卡(一)
css本身的功能就挺强大的,尤其是css3出来之后,大部分特效只用css3就能完成了,无需再费心思去想js怎么怎么做jQuery怎么怎么做,代码简洁质量轻巧。下面是用纯css制作的tab选项卡效果:原始界面:鼠标划上第一个tab选项,相应内容显示:鼠标划上第二个tab选项:相应内容显示具体内容自己添加啦,下面献上完整代码:<DOCTYPE html><html><head> <title原创 2017-10-11 18:09:40 · 11386 阅读 · 4 评论 -
纯css制作tab选项卡(二)
css本身的功能就挺强大的,尤其是css3出来之后,大部分特效只用css3就能完成了,无需再费心思去想js怎么怎么做jQuery怎么怎么做,代码简洁质量轻巧。下面是用纯css制作的tab选项卡效果:原始界面:鼠标点击第二个tab选项,相应内容显示:鼠标划上第三个tab选项:相应内容显示具体内容自己添加啦,下面献上完整代码:<DOCTYPE html><html><head> <title原创 2017-10-12 14:25:08 · 969 阅读 · 0 评论 -
纯css制作三级下拉菜单
css本身的功能就挺强大的,尤其是css3出来之后,大部分特效只用css3就能完成了,无需再费心思去想js怎么怎么做jQuery怎么怎么做,代码简洁质量轻巧。下面是本人用纯css制作的三级下拉菜单效果:思路很简单,三级菜单直接用三层嵌套的ul布局: 电器原创 2017-10-12 17:38:00 · 14134 阅读 · 1 评论 -
css background的多种属性详解
css的background属性由以下属性组成:background-color:背景色background-image:背景图片background-size:背景图片尺寸background-repeat:背景图片重复(repeat,repeat-x,repeat-y,no-repeat)background-position:背景图片位置background-attachment:背原创 2017-10-13 15:43:51 · 11695 阅读 · 1 评论