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

时间:2016-08-02 07:29:56

标签: boomla

此DOM对象没有应用特定的类选择器,因此我无法通过CSS选择它。

enter image description here

我可以使用一些第一个孩子的黑客或更改/apps/page/.Class/*文件,但我不觉得这两个是一个干净的解决方案。

我希望在它前面有一些带有文字的图像。 我要修改我的页面的HTML吗?我也可以更改降价或文本(应用程序)的CSS,但它并不像一个整洁的解决方案。 我还想过将图像作为背景图片,然后生活会很简单:)

什么是最佳解决方案?

我在这里: image placed on my website

谢谢!

1 个答案:

答案 0 :(得分:0)

您应该创建一个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;
}

(图片网址将由css-1应用扩展。)