Html 如何在响应div中设置背景？

如何在响应div中设置背景

我想在里面有一个div加号（字体很棒）

下一个问题是：

• 如果我想设置背景图像，我需要设置

  高度

  ，否则div不可见（当我设置

  高度时：auto

  ；）

• 第二件事，如果我设置了一个固定的

  高度（比如200px），div在逻辑上没有响应
  

• 第三件事，若我以某种方式解决了这个问题，我怎么能在垂直方向的div中设置加号，在中心方向的div中设置水平方向的加号呢

有什么想法吗

---

谢谢。

在您的情况下，您可以在填充和宽度上使用

%

值来保持相对于父级的纵横比，并使用加号的一些绝对位置：

div{
宽度：50%；
填充：25%0；
背景：url（'http://placehold.it/500")不重复;；
背景尺寸：封面；
位置：相对位置；
}
div>span{
位置：绝对位置；
顶部：50%；左侧：50%；
转换：翻译（-50%，-50%）；
高度：30px；线高度：30px；
背景：红色；颜色：白色；
宽度：50%；文本对齐：居中；
}

---

PlusSign

如果您希望+位于一个方形响应框的中心位置，可以这样做：

div{
宽度：20%；
垫底：20%；
背景：url(http://lorempixel.com/output/nature-q-g-640-480-4.jpg)不重复；
背景尺寸：封面；
位置：相对位置；
}
p{
字号：4em；
颜色：白色；
保证金：0；
填充：0；
字体大小：粗体；
位置：绝对位置；
最高：50%；
左：50%；
-webkit转换：翻译（-50%，-50%）；
-moz变换：平移（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
-o变换：平移（-50%，-50%）；
转换：翻译（-50%，-50%）；
}

---

+

尝试使用百分比，而不是以像素为单位设置高度。这可能有助于解决前两个问题。您可以使用“background position”属性将背景放置在div中您想要的位置：好吧，这没有帮助，我尝试了所有方法。谢谢你的回答。你能在JSFIDLE上复制你的问题吗@我不知道如何使用这个堆栈溢出，它太复杂了。我将发布代码。转到并发布您正在使用的代码。然后你可以保存，并在这里发布一个链接到小提琴。它使我们更容易看到您的代码，体验您的问题。这可能很好，我希望是这样，但我已经使用了类似的东西。我会试试这个，我会在测试的时候给你写信。谢谢兄弟。赫瓦拉蒂brate@bostaq_sb9很高兴能帮助你