在PHP中更改背景图像

时间：2018-05-06 作者：pocaritv

我有一篇帖子，上面有这幅特色图片。在我的主页上，我想显示特色图片和帖子标题。但是，在媒体屏幕上<；576px，我只想显示帖子标题和“否”特色图片。请参见下面的代码（示例）：

<div style="background-image:ulr(\'<?php the_posts_thumbnail_url(); ?>\')" class="myPost">
         //some code here
 </div>
上述代码工作正常。我只想问一下如何删除媒体屏幕中的背景图像<；576px。

谢谢你的问候。

1 个回复
最合适的回答,由SO网友:Greg McMullen 整理而成

您无法删除图像本身，但使用CSS可以隐藏图像。您还应该确保您修复了内联样式中的拼写错误，它应该是可读的background-image: url(...).

对于不同的样式，可以利用媒体查询在某个点隐藏。我不建议使用!important 但这将是使用CSS覆盖此内联样式的唯一方法。

@media screen and (max-width: 576px){
  .myPost{
    background-image: none !important;
  }
}

结束
标签： post-thumbnails   小码农  

相关推荐