问题 #2651💬 已回答提出于 2020年3月14日作者 orionseye0 个反应

通过内联样式设置的背景图片无法访问?

快速解答作者 orionseye

奇怪......我必须明确使用特定类来访问背景图像(我这里是 .bg 类)。 #desc-text-6 .bg 无法使用。 现在,由于 .bg 是一个全局风格声明,我需要使用 #desc-text-6 .bg 即使只添加一个背景类,编辑器依然让用户难以轻松访问背景图像。他必须先切换正确的职业,然后进入风格。 如果元素(就像我演示里的)是绝对位置的......它就这样消失了......用户(显然)也是如此。 我从阿图尔那里看到了那个配置......但不记得是在哪里了

阅读下方完整回答 ↓

问题

这很简单,但我无法通过CSS访问自定义块“内容”中的背景图像设置。 我该如何更改这里的背景图像? (甚至editor.getCss也能“看到”风格) https://codepen.io/dimimet/pen/NWqYmbB

干杯!

回答(3)

orionseye2020年3月14日

奇怪......我必须明确使用特定类来访问背景图像(我这里是 .bg 类)。 #desc-text-6 .bg 无法使用。

现在,由于 .bg 是一个全局风格声明,我需要使用 #desc-text-6 .bg 即使只添加一个背景类,编辑器依然让用户难以轻松访问背景图像。他必须先切换正确的职业,然后进入风格。 如果元素(就像我演示里的)是绝对位置的......它就这样消失了......用户(显然)也是如此。

我从阿图尔那里看到了那个配置......但不记得是在哪里了

orionseye2020年3月14日

算了......看了这里一半的问题,我看到选中的类别旁边有个小“复选框”,可以让我开关分类视图。 这样我现在就可以添加唯一类别,并为它分配我的背景图像......然后点击“小”复选框,它会允许我“访问”背景图像图层。

我得承认,这确实很难......尤其是教别人怎么做。 总之,问题解决了,但我的建议是,这个问题需要修复。

artf2020年3月19日

现在,由于 .bg 是一个全局样式声明,我需要使用 #desc-text-6 .bg

不,实际上没有任何理由使用像“#desc-text-6 .bg”这样的选择器,只需为你的元素创建一个单一类,并指向它的CSS,不再需要切换复选框......

相关问答

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

问题 #3116

如何加载可以在代码查看器中查看并导出保存的CSS

嗨 :wave: 我正在尝试在编辑器中加载一些CSS作为主题的一部分,我能够在加载时链接样式表,但我遇到的问题是,当我直接用“<style>''标签加载样式时,我可以通过'editor.getStyle()'查看序列化版本,但'editor.getCss()'只包含'prote...

2 个回答更新于 2020年11月9日

问题 #1431

从远程加载HTML文件

我把我的HTML内容托管在云端。然后在编辑器中尝试加载html内容时,我发现错误:“对预检请求的响应未通过访问控制检查:请求资源上没有'访问-控制-允许-起源'头部。因此,原点“http://localhost:3000”不被允许访问。如果不透明度响应符合你的需求,将请求模式设...

3 个回答更新于 2019年12月11日

问题 #3331

自定义资产管理器

你好@artf 我按照文档制作了一种新型资产管理公司 这里(https://codepen.io/abhi_punk81/pen/MWbWzaq) 我创建了类似文档里那种的新类型 我如何在放置自定义图标块后打开那个资产管理器 -: 一开始它没问题,但当我放下图片块后,默认情况下...

4 个回答更新于 2022年1月26日

问题 #1763

在<Style>块内容对象(不是字符串)中添加标签

浏览器 = ChromeGrapesJS = 最新版本(0.14.52) 我正在尝试创建一个包含包含脚本、样式、类型属性的嵌套内容对象的块。 除了内容里加了*标签外,效果还不错<style>。问题 如果我像下面那样用选项(A)创建块内容,CSS会进入CSS编辑器。 但如果我把块...

2 个回答更新于 2020年2月6日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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