【问题标题】:How to set a background image to full screen width in Wordpress Elementor如何在 Wordpress Elementor 中将背景图像设置为全屏宽度
【发布时间】:2021-09-21 17:37:44
【问题描述】:

编辑:解决了!检查 cmets,为 Dev 加油!


在我的网站主页上,我想插入一张适合全屏宽度的背景图片。我正在使用 WordPress 和 Elementor 来执行此操作。

我尝试了许多设置,但无法填充整个屏幕宽度,同时保持正确的图像高度以保持正确的比例。

图片右侧的一部分被剪掉了。

我使用的代码:

<div id="kunstplein1920"></div>

#kunstplein1920 {
background: url(imageURLhere);
background-repeat: no-repeat center fixed;
background-size: cover;
min-width: 1920px;
min-height: 603px;}

任何帮助表示赞赏!谢谢。 :)

干杯,

乔里斯

【问题讨论】:

    标签: html css elementor


    【解决方案1】:

    您是否尝试添加

    width: 100%?

    应该可以工作

    【讨论】:

    • 如果我添加“宽度:100%”,没有任何变化。如果我省略“最小高度:603px;”然后什么都没有显示。添加“宽度:100%”和“高度:100%”(省略最小宽度和最小高度)后,仍然没有显示任何内容。关于这里出了什么问题的任何想法?
    • 这是想要的输出吗? codepen.io/oskedram/pen/wveogLd
    • 不告诉我你想怎么做
    • 我会尝试找出它为什么不起作用
    • 感谢您的帮助开发!还是截掉了一部分图片,和图片本身对比一下:kunstkring.brunsham.nl/wp-content/uploads/2021/08/…
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-06-25
    • 1970-01-01
    • 2018-09-27
    • 1970-01-01
    • 1970-01-01
    • 2020-10-27
    • 1970-01-01
    相关资源
    最近更新 更多