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
相关产品推荐
相关产品推荐

