我有一篇帖子,上面有这幅特色图片。在我的主页上,我想显示特色图片和帖子标题。但是,在媒体屏幕上<;576px,我只想显示帖子标题和“否”特色图片。请参见下面的代码(示例):
<div style="background-image:ulr(\'<?php the_posts_thumbnail_url(); ?>\')" class="myPost">
//some code here
</div>
上述代码工作正常。我只想问一下如何删除媒体屏幕中的背景图像<;576px。
谢谢你的问候。
最合适的回答,由SO网友:Greg McMullen 整理而成
您无法删除图像本身,但使用CSS可以隐藏图像。您还应该确保您修复了内联样式中的拼写错误,它应该是可读的background-image: url(...)
.
对于不同的样式,可以利用媒体查询在某个点隐藏。我不建议使用!important
但这将是使用CSS覆盖此内联样式的唯一方法。
@media screen and (max-width: 576px){
.myPost{
background-image: none !important;
}
}