CSS父元素设置圆角,子元素遮挡解决方法

发表于2022-09-20|更新于2026-07-15

|总字数:6|阅读时长:1 分钟|浏览量:

父元素设置 overflow:auto;

文章作者: Coder Long

文章链接: https://coder-long.github.io/2022/09/20/CSS%E7%88%B6%E5%85%83%E7%B4%A0%E8%AE%BE%E7%BD%AE%E5%9C%86%E8%A7%92-%E5%AD%90%E5%85%83%E7%B4%A0%E9%81%AE%E6%8C%A1%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95/

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Coder Long！

相关推荐

JS向页面添加样式表，全局覆盖样式

js 向页面添加样式表，全局覆盖样式12345678const styleEl = document.createElement('style');//document.getElementsByTagName('head')[0].appendChild(styleEl);document.head.appendChild(styleEl);let cssRules = document.styleSheets[document.styleSheets.length - 1];cssRules.insertRule('body { color: #fff !important; }'); 参考： https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/insertRule

文字适配背景

重要属性 mix-blend-mode参见 https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode mix-blend-mode 是CSS属性之一，用于控制元素的内容应如何与其背景以及后面的元素的内容混合。它是创建网页设计视觉效果的强大工具，被大多数现代Web浏览器支持。 mix-blend-mode 属性接受一个值，该值指定元素的内容应如何与背景混合。可能的值是与不同混合模式对应的关键字。一些最常用的混合模式包括： normal: 默认值，元素的内容将在背景上方绘制，不进行任何混合。 multiply: 元素内容的颜色与背景颜色相乘。 screen: 元素内容的颜色被反转，然后进行乘法，最后再次反转，然后与背景混合。 overlay: 元素的内容与背景以一种强调两者对比的方式混合。 color-dodge: 元素内容的颜色变亮，然后与背景混合。 color-burn: 元素内容的颜色变暗，然后与背景混合。 hard-light: 元素内容以一种强调背景高光和阴影的方式与背景混合。 soft-light: ...

评论