回声背景图像的值

时间:2016-06-11 13:31:01

标签: php css echo

我回应出这样的图像:

$newString = $thumbPre.'profilemain'.$thumbPost;
echo "<img src='http://render-api-us.worldofwarcraft.com/static-render/us/" . $newString. "' alt='error'>";

现在我想将图像作为背景图像,我试着这样做,但它不起作用:

echo '<div style="background-image:url('http://render-api-us.worldofwarcraft.com/static-render/us/" . $newString. "' alt='error');"></div>';

3 个答案:

答案 0 :(得分:3)

首先,删除alt='error',因为background-image没有alt参数,img确实如此(您可能认为可以使用原始代码< / em>的)。在尝试使用它时,您的背景将不会显示。

除非你在div中有内容,否则你的背景将不会显示。我添加了Content作为示例。

echo '<div style="background-image:url(\'http://render-api-us.worldofwarcraft.com/static-render/us/' . $newString.'\');">Content</div>';

你要么必须逃避封装引号,要么完全删除它们。

echo '<div style="background-image:url(http://render-api-us.worldofwarcraft.com/static-render/us/' . $newString.');">Content</div>';

错误报告也会抛出一个解析错误,例如:

  

解析错误:语法错误,意外''alt =''(T_CONSTANT_ENCAPSED_STRING),期待','或';'

答案 1 :(得分:2)

你需要使用反斜杠来嵌套撇号

echo '<div style="background-image:url(\'http://render-api-us.worldofwarcraft.com/static-render/us/' . $newString.'\' alt=\'error\');></div>';

答案 2 :(得分:1)

这看起来非常令人困惑,但你需要1,逃避引号和2,连接你的路径,

让我举个例子。我误解了一些问题,但这将为你提供良好的前进,特别是为了清洁起见

这是一个例子:

$imagePath ='PATH TO IMAGE HERE';
echo '<div style="background-image:url(\'' .$imagePath. '\')" >STUFF HERE </div>';