如何使动态插入的CSS背景图像响应?

时间:2016-04-09 20:22:13

标签: php css wordpress

我使用php动态插入的CSS背景图片URL在WordPress中创建了一个滑块。

foreach ($slides as $key => $value){
    array_push($output,'<div class="slider-slide" style="background-image:url(' . wp_get_attachment_image_src($value['image'], 'full')[0] . ');">');
    array_push($output,'</div>');
}

我这样做是因为它响应性更好,即I.e.只需将背景大小设置为覆盖并给出最大高度,它就可以很好地缩小。

background-size:cover;

我的问题是,因为我使用了全尺寸图像网址,虽然它仍然可以很好地扩展,但它总是加载到完整图像而不是如果我使用标准的WordPress附加功能而加载的srcset图像(有关srcset更新的信息,请link

任何建议都将不胜感激。

0 个答案:

没有答案