如何让 div 有报纸背景？答案

【问题标题】：How can I make a div have a newspaper background?如何让 div 有报纸背景？
【发布时间】：2016-05-28 15:45:25
【问题描述】：

我现在看到很多网站的背景显然不仅仅是随机图片、专门用作背景图像的图像，例如黑板或剪贴板。我有一个 div 元素，它的背景目前只是白色的。有谁知道我怎样才能使它成为报纸类型的背景，以便我放在上面的文字与报纸很好地吻合？顺便说一句，是的，我知道如何制作背景图片

#divOfInterest{
  background-image:url('theUrlOfTheImage')
}

但如果我正在寻找的模板类型背景会有所不同，我想知道。

【问题讨论】：

css-tricks.com/almanac/properties/b/background 此链接将帮助您使用background-size 和background-position
你可以显示任何图像作为预期输出吗？

标签： html css

【解决方案1】：

请试试这个

 #divOfInterest{
     background: url("theUrlOfTheImage");
     background-size: cover;
 }

【讨论】：

【解决方案2】：

如果你想将背景图片添加到特定的 div 然后使用

.classNameOfDiv {
  background: url("path-of-image") center center;
  background-size: cover;
}

【讨论】：

【解决方案3】：

这段代码对你有帮助

div { height:500px; width:500px;  background: rgba(0, 0, 0, 0) url("http://previews.123rf.com/images/eyematrix/eyematrix1210/eyematrix121000010/15910762-Black-and-white-repeating-torn-newspaper-background-Stock-Vector.jpg") repeat scroll center center / cover ; }

&lt;div clas="cont_div"&gt;&lt;/div&gt;

【讨论】：