You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

为何CSS @page属性无法生效?规范与浏览器实现差异解析

关于CSS @page背景属性不生效的疑问

根据CSS分页媒体规范,理应支持如下代码写法:

@media print {
  @page {
    size: a4;
    background: green;
  }
}

该写法的依据是规范中的示例9,以及附录A属性列表的明确说明。

但实际测试发现,background这类属性似乎被完全忽略,无法实现预期的页面背景效果(不考虑变通方法,仅讨论原生支持情况)。

根据兼容性数据显示,Firefox(除部分次要特性外)和我测试的Chromium/Chrome浏览器应该完全支持@page规范。但有文档明确指出,@page仅支持size和margin属性,其他属性均不受支持。

请问这种异常行为的原因是什么?是否存在浏览器未遵循规范的情况?

内容的提问来源于stack exchange,提问作者Franc

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.18 16:33:32