Question

显示图像

<img src=\"'.($img).'\" alt=\"\" />

我想把它用在css中用于背景图像的地方，为了重复，我能想到的唯一方法是将它变成css中的背景图像。

<style>
background-image: ???;
background-repeat: y;
</style>

整体如何将此（我相信一个关联数组）转换为css？

'.($img).'

以下是整个代码：

function add_logo_css() {
    $img = get_option('add_logo_logo');
    if(!empty($img))
        echo '<style type="text/css">
#admin-logo { margin: 10px 0; padding: 0 0 5px; border-bottom: 1px solid #ddd;  position:absolute; margin-left: 165px; width:100%; }
</style>'."\n";
}

function add_logo_script() {
    $img = get_option('add_logo_logo');
    if(!empty($img))
        echo '<script type="text/javascript">
/* <![CDATA[ */
(function($) {
    $("#wpwrap").prepend("<div id=\"admin-logo\">
<img src=\"'.($img).'\" alt=\"\" /></div>");
})(jQuery);
/* ]]> */
</script>';
}

Answer 1

您可以使用javascript：

<img id="myImg" alt="" />
<script language="text/javascript">
    document.getElementById("myImg").style="background-image: url('.($img).'); background-repeat: repeat-y;";
</script>

Answer 2

我希望变量是一个PHP字符串变量，包含一个图像url，当你输出样式标签时，你当前在php块中。如果是这样，这个伏都教应该有效。

<style>
  background-image: url("'.$img.'");
  background-repeat: repeat-y; /* <~~ corrected */
</style>

如何在css中放一个字符串变量？

2 个答案: