在div中设置特征图像作为背景
在div中设置特征图像作为背景
提问于 2014-11-10 03:49:03
在浏览完互联网后，我找到了一种方法，将Wordpress特征图像设置为div中的背景图像。现在的问题是，我只是巧妙地设置了这个div的背景图像的样式。我希望能够在我的css文件中设置样式，但我不确定如何设置。
这是我的密码：
<?php
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, '' );
?>
<div style="background: url(<?php echo $src[0]; ?> ) no-repeat center; width:100%; height: 300px; background-size:cover;"></div>任何帮助都将不胜感激。
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-11-10 03:57:20
CSS文件是静态的，但WordPress的特色图片和附件是动态的。处理此问题的最佳方法是将background-image内联设置，并在CSS文件中设置其余的背景属性。
<div class="featured-image" style="background-image: url('<?php echo esc_url( $src[0] ); ?>')"></div>.featured-image {
background: no-repeat center;
width: 100%;
height: 300px;
background-size: cover;
}Stack Overflow用户
发布于 2014-11-10 04:03:31
将此代码与内联css echo wp_get_attachment_url( get_post_thumbnail_id() );一起使用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26836431
复制相关文章
相似问题
腾讯云开发者
