wordpress css 图片背景图片答案

【问题标题】：wordpress css image background imagewordpress css 图片背景图片
【发布时间】：2019-03-24 18:03:18
【问题描述】：

我正在尝试获取关于 26 岁的 wordpress 儿童主题的视频背后的图像。我尝试使用以下文件路径。

background: url('../images/image.jpg’);

我有一张图片

.wp-block-video.aligncenter {
  text-align: center;
  border-style: solid;

但图像不会出现在它后面我修改了代码但没有用

background-image: {
    url('..images/('alliswell.ie_video_2018.jpg');
    width:100px;    
    height:100px; 
};

网站是 alliswell.ie

【问题讨论】：

删除（在'alliswell之前
您的代码中有一些拼写错误。这应该是： url('..images/('alliswell.ie_video_2018.jpg'); --> url('..images/alliswell.ie_video_2018.jpg'); 另外，这里的引号不匹配: background: url('../images/image.jpg'); 也就是说，这些图片真的存在吗？检查控制台是否有404错误，它会告诉你路径是否错误。
thnak 你，我忘记了代码的开头，它必须插入到你的代码工作的 div 中，我必须添加大括号..wp-block-video.aligncenter{ background-image ：网址（alliswell.ie/wp-content/uploads/2018/09/...）；背景重复：不重复；背景尺寸：封面； } – 帕特里克昨天

标签： css wordpress image background-image

【解决方案1】：

标签“视频”有属性“海报”：下载视频时要显示的图像的 URL。如果未指定此属性，则在第一帧可用之前不显示任何内容，然后将第一帧显示为海报帧。

【讨论】：

thnak 你，我忘记了代码的开头，它必须插入到你的代码工作的 div 中，我必须添加大括号..wp-block-video.aligncenter{ background-image ：网址（alliswell.ie/wp-content/uploads/2018/09/...）；背景重复：不重复；背景尺寸：封面； } – 帕特里克昨天

【解决方案2】：

请尝试以下代码：

.wp-block-video.aligncenter
    background-image: url(http://alliswell.ie/wp-content/uploads/2018/09/alliswell_ie_caring-forourwater_2018.jpg-e1536244962710.png);
    background-repeat: no-repeat;
    background-size: cover;
}

在background-image 中使用完整的网址。 background-image: url(../images/images.jpg) 找不到图片路径。

【讨论】：

thnak 你，我忘记了代码的开头，它必须插入到你的代码工作的 div 中，我必须添加大括号..wp-block-video.aligncenter{ background-image : 网址(alliswell.ie/wp-content/uploads/2018/09/…);背景重复：不重复；背景尺寸：封面； }
请点击向上箭头，这样它也可以帮助其他开发人员。 :)

【解决方案3】：

这就是答案，或者它对我有用 ..wp-block-video.aligncenter{ background-image: url(alliswell.ie/wp-content/uploads/2018/09/...);背景重复：不重复；背景尺寸：封面； } -

感谢 dineshkashera 的回答和其他提供建议的人。

【讨论】：