boomla：如何在图像上放置文字

【问题标题】：boomla: how to place text on imageboomla：如何在图像上放置文字
【发布时间】：2016-08-02 07:29:55
【问题描述】：

这个 DOM 对象没有应用特定的类选择器，所以我无法通过 CSS 选择它。

我可以使用一些 first-child hack 或更改 /apps/page/.Class/* 文件，但我觉得两者都不是一个干净的解决方案。

我想要一张前面有一些文字的图片。我要修改页面的 HTML 吗？我还可以更改降价或文本（应用程序）的 CSS，但感觉不是一个整洁的解决方案。我还想过把这张图片作为背景图片，这样生活就很容易了:)

什么是最好的解决方案？

这是我的位置：

谢谢！

【问题讨论】：

标签： boomla

【解决方案1】：

您应该创建一个 html-1 内容并对其应用一些 css。

以下是您应该使用其 [文件类型] 创建的文件：

content [html-1]
content/style.css [css-1]
content/style.css/background.png [image-1]

content 文件应该存储您的 HTML：

<div class="-container">
    <div class="-text">Hello world</div>
</div>

style.css 文件然后可以应用背景图像并使您的文本更漂亮：

.-container {
    height: 400px;
    background: url(background.png) no-repeat center center transparent;
}
.-text {
    color: red;
    font-size: 3em;
    text-align: center
    line-height: 400px;
}

（图片 url 将被 css-1 应用扩展。）

【讨论】：