在内联css背景图像中回显php在url中删除'/'

Question

Ive read through some of the other topics but i couldnt find a solution that worked. But someway the the url shows up as http:="" mysite.com="" wp-content="" uploads="" 2015="" 08="" matchups-1.png" )

This is the code I'm using. How do I prevent it from adding the extra "" and spaces?

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

I've tried to code like this, but this didnt work:

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

as some answers suggested but still I'm either doing something wrong or it doesn't work. Can anyone tell me a solution? thanks.

Answer 1

You can simply use

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

or

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

quotes are not necessary in an url

Answer 2

问题是双引号"你用于url()字符。只是尝试没有或用单引号代替。

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

Answer 3

you should solve it with 3 ways..

1. put this in the

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

2. Or you can simply use the inline style attribute and define the background-image.

    <div style="background-image: url(<?php echo $img_url; ?>);"> 

3. or With the use of JQuery

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