如何将CUSTOM_HEADER_SETUP()图像作为背景图像?

时间:2019-02-09 作者:Mix911

我创建了一个函数,可以在Wordpress(5.0.3)ACP中启用标题图像。我的HTML代码将该图像视为普通图像(而不是背景)。

<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="" />
如何将自定义标题设置为背景图像?

1 个回复
SO网友:esel

因为你把它当成了一个图像。<img src="//..." height="..." width="..."/>

此代码用于显示图像,而不是背景图像。

与文本一起使用:

<div style="background-image: url(../images/test-background.gif); height: 200px; width: 400px; border: 1px solid black;">Example of a DIV element with a background image:</div>
或无文本:

<div style="background-image: url(../images/test-background.gif); height: 200px; width: 400px; border: 1px solid black;"> </div>
来源是enter link description here

我用标题标签试过了。。。

<header style="background-image: url(.../images.png)";>
Your text here.
</header>