HTML背景不重复

如何在html中放置背景图片而不重复覆盖整个页面？是否有HTML代码或我必须使用CSS代码？HTML背景不重复

2017-06-18 user8179033

'背景重复：NO-重复'在你的CSS –

简单的谷歌搜索显示很多答案。 –

针对您的问题的最佳解决方案是将background-repeat:no-repeat或background-size: cover添加到您的CSS或您的元素的style标记。

例如：

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

如果你坚持只使用HTML，你必须根据你的形象，或者是其他的方式来调整的元素。你的问题是指一个页面的背景图片，所以对于我的openion CSS或style是实现此目的的唯一方法。

来源

2017-06-18 13:30:04

有，你可以用它来控制背景图像的大小和重复两个CSS属性：

背景重复
背景大小

为了设置为覆盖目标元素的背景图像，您可以使用值不重复和覆盖，如下所示：

targetelement { 
    background-image:url('example.jpg'); 
    background-repeat:no-repeat; 
    background-size:contain; 
}

如果您想了解更多关于这些CSS属性和它们的可能值，看看这两个网页：

来源

2017-06-18 13:40:59 Venator

HTML背景不重复

回答

相关问题