@page :first 样式异常求助：背景图重复出现在各章节首页

问题原因 #

你当前CSS里的background-attachment: fixed是核心问题——这个属性会让背景图固定在PDF的视口位置，而非仅第一页。所以翻到后续章节的首页时，固定位置的背景图会再次显示出来。

修复方案 #

修改CSS代码，移除background-attachment: fixed属性，确保背景图仅属于文档第一页：

@page{
    size:A4;
}

@page :first{
    background-image: url("Bilder/titelbild.png");
    background-repeat: no-repeat;
    background-position: right;
}

额外优化（可选） #

如果上述修改后仍存在章节起始页误显示封面图的情况，可以通过给封面单独设置页面类来精准控制：

1. 在DITA Map中添加专门的封面Topic，并为其设置outputclass="cover-page"
2. 在CSS中添加对应规则：

@page cover-page {
    background-image: url("Bilder/titelbild.png");
    background-repeat: no-repeat;
    background-position: right;
}

.cover-page {
    page: cover-page;
    page-break-after: always;
}

这样就能确保封面图仅出现在指定的封面页，不会影响后续章节页面。

内容的提问来源于stack exchange，提问作者MrsHappiness