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

mPDF中CSS背景渐变方向反转问题求助

mPDF线性渐变方向反转问题的解决方案

这是mPDF对CSS渐变方向的解析逻辑和浏览器不一致导致的,并非BUG。mPDF对to right这类方向关键字的处理和标准CSS存在差异,需要调整语法适配:

  • 替换to right为0deg(该角度值在mPDF中对应标准CSS的to right,能实现从左到右的渐变效果)
  • 直接使用角度值定义渐变方向,规避关键字的解析偏差

修改后的内联CSS代码示例:

<td style='background-image: linear-gradient(0deg, white, white, #f1f1f1)'>

此外,若你使用的是旧版本mPDF,可尝试升级到最新版——部分新版本已修复这类CSS渐变方向的兼容问题,使其行为与浏览器保持一致。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.21 22:32:00