火柴人擂台

归纳一下核心要点：采用伪元素配合 linear-gradient() 是实现图片渐变遮罩最稳妥的方案，兼容性覆盖 IE9 及以上版本；而 mask-image 的浏览器兼容性存在明显短板，Firefox 不予支持，Safari 对 transparent 的解析有误，Chrome 与 Edge 仍需

鲍威尔表示战胜通胀为时过早，降息预期不成熟，必要时将继续加息。市场预期12月维持利率不变概率达98 8%。美股反弹，比特币一度冲击3 9万美元。

在Safari浏览器中，你可能会遇到一个令人头疼的棘手问题：明明已经写好了 transform-style: preserve-3d，3D立体效果却突然“失效”了。实际上，这并不是代码写错了，而是Safari（尤其是iOS 15-16版本）对CSS规范的校验更加严格：只要父级链中任意一层遗漏了该属性

说一个核心事实：HTML注释本质上只是语法层面的占位符号，根本不是安全机制。浏览器解析器遇到注释时，会直接把里面的内容“吞掉”——这不是拦截、不是过滤，纯属跳过。换句话说，你看到的“没执行”并不等于“被防护了”。 真正能阻止恶意脚本执行的，是textContent赋值、DOMPurify净化或者CS