echo php in an inline css background-image deletes '/' in url

Question

我已经通读了其他一些主题，但找不到有效的解决方案。但不知何故 url 显示为 http:="" mysite.com="" wp-content="" uploads="" 2015="" 08="" matchups-1.png")

这是我正在使用的代码。如何防止它添加额外的 "" 和空格？

<div style="background-image: url("<?php echo $bgimage; ?>"); background-position:cover;"></div>

我试过这样编码，但是没用：

<div style="background-image: url(\'<?php echo $bgimage; ?>\'); background-position:cover;"></div>

正如一些答案所建议的那样，但我仍然做错了什么或者它不起作用。谁能告诉我解决方案？谢谢。

Answer 1

问题出在 url() 中使用的双引号 " 字符。尝试不使用或使用单引号。

<div style="background-image: url(<?php echo $bgimage; ?>); background-position:cover;"></div>

Answer 2

您可以简单地使用

<div style="background-image: url('<?php echo $bgimage; ?>'); background-position:cover;"></div>

或

<div style="background-image: url(<?php echo $bgimage; ?>); background-position:cover;"></div>

url

中不需要引号

Answer 3

你应该用3种方法解决它..

把这个放在

<style type="text/css">
    .logo {
    background: url(<?php echo $img_url; ?>);
    }
    </style>

或者您可以简单地使用内联样式属性并定义背景图像。
```
<div style="background-image: url(<?php echo $img_url; ?>);">
```
或配合使用JQuery

<input type="text" class="imgcntnt" />
    <script type="text/javascript">
        var input_image = $('input.imgcntnt').val();
        $('body').css('background', 'url(' + input_image + ')');
  </script>

echo php in an inline css background-image deletes '/' in url

echo php in an inline css background-image deletes '/' in url

html

css

php

inline

echo