问题 #1319💬 已回答提出于 2018年7月25日作者 jmrgz0 个反应

BUG Box 阴影——演示版里也没用

快速解答作者 artf

不幸的是,这是浏览器的CSS解析器导致的,它会重新排列框影子的顺序,所以如果你从HTML导入模板,我们只能在能使用自定义CSS解析器之前做不了什么(我关闭,转而使用#1079),但如果你从编辑器创建模板并正确存储,应该没问题

阅读下方完整回答 ↓

问题

我发现这个问题太晚了,几天后完成项目。我想哭:(

步骤如下:

1- 进入演示区,选择任意“卡片”方块(### Flex 下的任何方块都是新的黑色标题)。确保你选择的是主父(.card 类)

2- 只要你选择它,它们就会自动失去正常状态框的阴影(选择后数值会出错)。

3- 现在切换为悬浮状态,它们也会失去影子(同样是个bug值)

每个设计保存/打开或重新加载当前设计页面时都会发生这种情况。

有什么变通方法吗?我不想从我的项目中移除整个盒子阴影属性。

非常感谢!

回答(3)

artf2018年7月26日

不幸的是,这是浏览器的CSS解析器导致的,它会重新排列框影子的顺序,所以如果你从HTML导入模板,我们只能在能使用自定义CSS解析器之前做不了什么(我关闭,转而使用#1079),但如果你从编辑器创建模板并正确存储,应该没问题

jmrgz2018年7月26日

谢谢你@artf

有没有线索知道浏览器解析器属性的哪部分“爆炸”了,以填充复杂的样式管理器属性?(打开风格管理器时就会出现)

我很想知道你把这个改编到哪里: 框影:10px 10px 5px 10px 黑色;

接着说: X 位置:10px; Y位:10px; 模糊:5像素; 利差:10像素; 颜色:黑色;

这样我就能检测并尝试修复这个bug。不幸的是,在我最新的 grapesjs init 中,即使你在编辑器里创建模板,框的阴影边框依然会出现。

谢谢!

lock[bot]2019年9月17日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

通过相似的问题讨论继续研究。

问题 #1978

:风格总是应用到职业上

你好, 我在为单个物品做样式时遇到了个问题。 以下html代码: '''html <div class=“ddm-flex-cols”> <div class=“ddm-flex-cols-element”> 这真是一段文字 </div> <div id=“icbp” clas...

3 个回答更新于 2020年5月6日

问题 #2044

本地服务器上的 NPM 开始开发失败了

按照 README 上描述的 'dev' 分支启动本地服务器的步骤,在控制台上能用,但在 Chrome 上失败,Grapesjs 也无法加载,因为以下错误 ![图片](https://user-images.githubusercontent.com/582516/585238...

3 个回答更新于 2020年6月25日

问题 #1092

特征与存储触发

嘿,也许不是bug,我也不确定。 我有带有changeProp:真实场域的特质。 当我通过UI更改特质值时,模型会被更改,一切正常,但新更改不会保存在存储中。所以,刷新编辑器后,我会错过那些数值。如果我附加任何组件,当存储被触发且所有组件都已保存时, 感谢你精彩的项目。

3 个回答更新于 2020年5月21日

问题 #1506

CSS 媒体查询问题

你好@artf 演示页面和媒体查询库中都存在问题。 问题是,如果用户先在移动视图上更新样式,再用标签视图,再用媒体查询,移动视图就不起作用。如果我们先更新桌面样式,再更新标签页,再更新移动端,那么一切都正常 但如果我们先反向移动视图,标签视图第二,桌面视图第三,然后CSS/媒体...

3 个回答更新于 2020年5月21日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。