CSS
文章平均质量分 78
无糖的酸奶
这个作者很懒,什么都没留下…
展开
-
处理游览器缩放带来的border出现缝隙的问题
收到一个师弟的问题,说同样的代码,有的有问题,有的没有问题。不知道为什么 问题是这样子的 左边的不会,但右边的会。但代码是一样的 这个问题,早在我当时初学的时候也发现了。不过当时没有找到很好的解决办法。 对此,我先是查看了结构和样式。 发现的盒子,就比立即抢购这个元素多了 1px 的 border 。 但在放大和缩小时,即使通过开发者工具查看还是仅是多个border 。但却出现了白色空隙。 对于出现的原因,我不记得之前在哪里看到过了。说是因为游览器在处理这种情况时,本身有一个适合的大小。 就比如 1p.原创 2022-03-02 22:48:12 · 2388 阅读 · 1 评论 -
CSS-MASK
顾名思义,mask 译为遮罩。在 CSS 中,mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 遮罩必须有两个图层,上面一个为遮罩层,下面一个为被遮罩层,这两个图层中只有重叠部分才会有效果,其要求是,如果遮罩层完全不透明,被遮罩层原图显示,如果遮罩层部分透明,原图也会有些透明,遮罩层完全透明,被遮罩层不显示;可理解为,把遮罩层每个部分的透明度一一对应附加到被遮罩层上 注意: 遮罩层如果是图片一般是PNG格式的,且有透明部分的 MASK 属性值包括(类似原创 2021-06-12 13:30:57 · 566 阅读 · 0 评论