![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
异乡原子
人如果没有梦想 那和咸鱼有什么区别呢
展开
-
简短一篇记录一下css3中pointer-events属性禁用a标签以及鼠标穿透
pointer-events是css3的一个属性,属性值特别多,这里只记录下none、auto两个属性的使用,其它属性和svg相关。 案例1:禁用a标签点击 给a标签设置pointer-events:none样式 <a href="XXX" style="pointer-events:none; opacity: 0.5">你点击我没反应,哈哈</a> 但,此时键盘...原创 2018-12-19 11:40:46 · 1254 阅读 · 0 评论 -
css实现一个编辑区全屏切换
使用codeMirror做一个编辑区的时候,随着编辑区内容的增多,仅有宽度或高度不便于编写内容,如果能够在编辑的时候全屏切换就再好不过了。 思路: 将编辑区域采用fixed定位,宽度、高度均设置为100%,设置一个够用的z-index,假定该class为"editor-fullScreen" 将放大、缩小两个button也采用fixed定位,z-index稍大于编辑区域值,点击放大,添加cl...原创 2019-01-24 17:03:14 · 554 阅读 · 0 评论 -
面板可调整大小resizable(基于vue)
最近在做vue项目中遇到需要通过拖动面板边缘,动态调整面板宽度的问题,最开始是打算找一个vue组件解决得了,后来想了一下应该也挺简单的就自己实现了。项目中是左右宽度调整,这里只介绍左右面板resizable,上下调整原理是一样的。 思路: step1、在左右面板之间添加一个div,div样式如下: .resizable-widget { pos...原创 2019-01-28 20:49:58 · 7874 阅读 · 0 评论 -
能巧妙利用css属性border-color制作三角形的原因
网上看了下纯CSS制作三角形的技巧,基本上是使用border-color属性,然后想为什么,发现是如下情况,请看: { border-width:50px; border-style: solid; border-color: green red; } ...原创 2019-02-20 22:09:42 · 348 阅读 · 0 评论