Question

我正在构建简单的滚动条，管理员应将链接粘贴到管理面板中的图像，该图像应作为幻灯片div的背景输出。我已经为此设置了选项，链接正在保存到数据库中我只是不知道如何将其添加到样式规则中。

我已将以下代码包含在<head></head>

中

<style type="text/css">
<![CDATA[]]>
#slide_1 {
background-image: url('<?php echo get_option('slide_1'); ?>');
background-repeat: no-repeat;
}
]]></style>

在firebug中，网址显示在<head></head>中，但未应用该样式，#slide_1没有应用任何规则。

还有其他方法吗？

非常感谢提前

Answer 1

可能正在强行应用CSS后台规则。您可以尝试使用内联样式。等。

<div id="slide_1" style="background: url('<?php echo get_option("slide_1");?>') no-repeat;">
.....
</div>

我注意到的另一件事，在css规则background-image: url('<?php echo get_option('slide_1'); ?>');中，你在php和css中使用单引号。这产生了冲突。尝试使用background-image: url('<?php echo get_option("slide_1"); ?>');双引号。

Answer 2

刚删除<![CDATA[]]>并且工作正常

Answer 3

尝试删除[CDATA]。如果您的页面被解析为HTML而不是XHTML，则可能无法识别样式。

如需进一步阅读，wikipedia说明：

XHTML文档中的CDATA部分可能会以不同方式进行解析 Web浏览器，如果他们将文档呈现为HTML，则自HTML 解析器不识别CDATA开始和结束标记，也不识别它们识别HTML实体引用，例如＆lt;在标签内。

使用wordpress中的get_option（）在css中添加背景图像

3 个答案: