Question

我需要在编辑框中放置一个背景，但我已经尝试了几个小时的各种CSS代码。什么都行不通！

我可以自定义CSS，但我无权修改源代码。

以下是我感兴趣的部分的源代码：

if(is_null($pcs) || $pcs == '') //do your thing;

我想要做的是在背景中添加明信片的图像。像这样：

我已经尝试了很多CSS代码组合来添加图像。失败。失败。失败。这是其中两个。请尽量不要笑......

<div id="cke_1_contents" class="cke_contents cke reset" role="presentation" style="height: 200px;">
<span id="cke_26" class="cke_voice_label>Press Alt 0 for help</span>
    <iframe class="cke_wysiwyg_frame cke_reset" style="width: 100%; height: 100%;" aria-describedby="cke_26" title="Rich Text Editor,form_essay_content" src="" tabindex="0" allowtransparency="true" frameborder="0">
    #document
    <!DOCTYPE html>
        <html dir="ltr" lang="en">
            <head></head>
            <body class="cke_editable cke_editable_themed cke_contents_ltr cke_show_borders" spellcheck="false" contenteditable="true">
            </body>
        </html>
    </html>
    </iframe>
</div>

嗯，它不起作用。任何想法，任何人？请注意，我无法修改源代码。所以我不能添加任何额外的＆lt; div＆gt;＆lt; / div＆gt;标签或＆lt; span＆gt;＆lt; / span＆gt;标签。我只能输入自定义CSS来修改页面元素。

感谢您阅读本文。

此致弗兰基金马来西亚

Answer 1

看起来您正在尝试添加针对<iframe>内部元素的CSS规则，这是正确的吗？如果是这样 - 您需要将这些CSS规则添加到iframe本身加载的CSS文档中 - 来自父文档的CSS规则不会影响iframe内容。

我在这里找到了一个相关的问题：CSS override body style for content in iframe?

Answer 2

您是否尝试过编辑CSS中的正文？你可以试试像

这样的东西

body {background-image: URL(http://www.moodurian.com/tornado/images/postcard-mini.jpg);}

我不确定为什么你只能编辑css而不能编辑html。似乎有点奇怪。试试这行代码，让我知道它是否有效。

我想在这个编辑框中添加一个背景图片，但CSS对我来说非常复杂

2 个答案: