随笔分类 - css
如何点击透过图片，触发图片下方按钮的点击事件？
摘要：在移动端项目开发中，遇到了一个之前没有遇到过的问题。 场景复原： 下方的展开按钮，被上方的图片遮挡。导致用户在点击展开的时候，无法正常触发到展示的点击事件。 解决办法： 在图片的样式中，添加pointer-events: none; 看看chatgpt是如何解释这个属性的？ pointer-even
说说对盒子模型的了解和实际开发中需要注意的点
摘要：盒子模型 定义 由内容 content + 内边距 padding + 边框 border + 外边距 margin 构成，盒子的宽高由 content + padding + border 决定，但是不同的盒子模型的计算依据不一样，分为：标准盒模型（w3c）和怪异盒模型（IE） 标准盒模型 宽高包
你真的掌握样式优先级和选择器优先级吗？
摘要：css选择器以及优先级 1.样式优先级 最近的祖先样式比其他祖先样式优先级高 "直接样式"比"祖先样式"优先级高 选择器优先级 内联样式 > id选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器 组合选择符 分类 后代选择符 .a .b{} 子选择符 .a >
使用absolute绝对定位，实现垂直水平居中
摘要：###使用百分比来绝对定位一个元素，并配合使用translate，将元素移动定位居中。 <style> .mask{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5) } .content{
