![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
croyance0601
认真搞笑,低调冷泡
展开
-
mpvue实现的步骤条组件
<template> <div class="tips-template"> <div class="steps-left" v-if="direction % 2 === 1"> <div class="base-transform-bg"></div> <div class="base-bg"...原创 2019-10-30 10:53:58 · 435 阅读 · 0 评论 -
用DIV+CSS实现六边形
用DIV+CSS完成六边形原创 2017-11-02 22:33:07 · 3834 阅读 · 0 评论 -
CSS实现少半圆弧遮罩
想要实现的效果,如下图所示。刚开始实现的时候还考虑过canvas画图,当然也可以实现,但是觉得还是css实现简单一些。html部分<div class="head-img-shade" v-if="!change"> <div class="head-img-shade-top"></div> <div class="head-img...原创 2019-03-26 19:52:17 · 1717 阅读 · 0 评论 -
微信textarea和input穿透问题
微信textarea和input穿透问题有两种解决方案:写在前面的话:本人技术有限哪里写的不对,请多多指教!!!出现原因是因为这两个标签的是用户输入信息的标签,所以层级比较高,通过设置z-index方式是不能超过这两个标签的层级,所以同通过以下两种方式解决。1.通过添加样式相同rich-text/其他标签元素,替代textarea和input标签。两者保持样式相同,通过变量在聚焦和失焦时交替...原创 2019-07-11 20:03:43 · 444 阅读 · 0 评论 -
关于textarea的内容不随页面滚动和固定的问题
写在前面的话:本人技术有限哪里写的不对,请多多指教!!!1.textarea的定位textarea标签的placeholder="…"的占位内容在ISO端会出现移动问题解决办法:<textarea fixed ></textarea>添加fixed属性,使得占位内容固定2.textarea输入内容不随页面滚动的原因:在小程序y轴方向不能出现overflow的属性,...原创 2019-07-11 20:11:07 · 3797 阅读 · 0 评论