如何在内联css内逃脱PHP url ?

Question

谢谢你看这个问题。

当测试一个带有动态调用到wordpress小部件背景中的图像的页面时，我得到的消息是"在安全页面上加载混合(不安全)显示内容";关于这行代码调用的图像:

<div class="row sal-feature-wrap" style="
background-repeat:no-repeat; 
background-size:100% auto; 
background-image: url('<?php echo (strpos($image_base_url,'http://') !== 0 ? 'http://'.$image_base_url: $image_base_url); ?>
');">

我试着用:

替换背景图像行

background-image: url('<?php echo esc_url((strpos($image_base_url,'http://') !== 0 ? 'http://'.$image_base_url: $image_base_url)); ?>
');">

和

background-image: url('<?php echo esc_url(strpos($image_base_url,'http://') !== 0 ? 'http://'.$image_base_url: $image_base_url); ?>
');">

都返回我想要的图像，但是错误信息仍然存在。

而且，在所有情况下，明显相同的错误消息出现两次，我不确定为什么。

如何正确转义此输出?

感谢

Answer 1

避免控制台出现混合内容警告。使用https协议渲染img:

<div class="row sal-feature-wrap" style="
background-repeat:no-repeat; 
background-size:100% auto; 
background-image: url('<?php echo (strpos($image_base_url,'://') === false ? 'https://'.$image_base_url: str_replace( 'http://', 'https://', $image_base_url )); ?>
');">