线性渐变CSS对背景图像有奇怪的处理
我正准备报告同样的问题。 新增背景图片： <img width=“847” alt=“截图 2021-12-23 12 06 51” src=“https://user-images.githubusercontent.com/26764290/147238562-8df3ea2a-aca7-4b08-9d64-73fd1495d699.png”> 它正在转换为线条渐变，而不是网址： <img width=“621” alt=“截图 2021-12-23 12 07 36” src=“https://user-images.githubusercontent.com/26764290/147238651-8c475b7d-4c6a...
阅读下方完整回答 ↓问题
版本：0.16.27 你能重现演示中的bug吗？ [x] 是的 [ ] 不 预期的行为是什么？ 通过样式管理器添加“background-image”时，显示为“background-image： url（...）;`. 目前的行为是什么？ 你会看到的不是“background-image：url（https://grapesjs.com/docs/logo.png）;”，而是“background-image：linear-gradient（https://grapesjs.com/docs/logo.png）;”。 详细描述那个漏洞 当一个元素具有给定的类别为“背景：线性梯度（...）'或'背景图像：线性渐变（...）;你试图用样式管理器选择的背景图片覆盖它，结果会变成例如“background-image：linear-gradient（https://grapesjs.com/docs/logo.png）;”。 我在玩（grapesJs）渐变插件和一些自定义修改时还注意到，当风格管理器的“背景”部分看到“线性渐变”值时，有时会被解析成多层破损图像。我觉得它试图解析“背景”或“背景-图像”属性，但没理解内容。 你能附上截图、截屏或实时演示吗？** [x] 是的（附上） [ ] 不 这里有一把JsFiddle。只需通过样式管理器中的“背景”部分添加包含的图片到带有渐变的DIV...
回答（3）
我正准备报告同样的问题。 新增背景图片： <img width=“847” alt=“截图 2021-12-23 12 06 51” src=“https://user-images.githubusercontent.com/26764290/147238562-8df3ea2a-aca7-4b08-9d64-73fd1495d699.png”> 它正在转换为线条渐变，而不是网址： <img width=“621” alt=“截图 2021-12-23 12 07 36” src=“https://user-images.githubusercontent.com/26764290/147...
关闭 [jsfiddle]（https://jsfiddle.net/cqr7Luaj/），问题似乎解决了
谢谢你举报，@fq-selbach。 *线性梯度CSS对背景图像产生奇怪影响的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：** 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含 GrapesJS 版本、浏览器和控制台错误
相关问答
通过相似的问题讨论继续研究。
问题 #3181
SelectorManager 不返回字符串，而是一个对象
版本：0.16.30 你能重现演示中的bug吗？ [1] 是的 预期的行为是什么？* SelectorManager.getState（） 应根据 SelectorManager.getState（） 返回字符串 https://grapesjs.com/docs/api/se...
问题 #5221
移动设备上的桌面版本
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Safari 16.5可复制演示链接 https://grapesjs.com/demo.html https://staubgeborener.de/描述一下那个虫子 我试用的是官方的[演示]（ht...
问题 #3618
样式管理器大小未设置为图像控制
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们 遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md 先快速搜索一下，看看有没有人没开同样的问题 所有相关陈述/问题都必须填写/回答，否则...
问题 #3261
如何自定义葡萄的JS表单以附加样式
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。