当前位置: 首页 > 面试题库 >

如何使用CSS将图片放在div中?

华知
2023-03-14
问题内容

我想将所有图像都放在CSS中(我知道的唯一方法是将它们作为背景图像放置)。

但是此解决方案中的问题是您永远不能让div占用图像的大小。

所以我的问题是:<div><img src="..." /></div>在CSS中拥有等效功能的最佳方法是什么 ?


问题答案:

Jaap的回答:

<div class="image"></div>​

和在CSS中:

div.image {
   content:url(http://placehold.it/350x150);
}​

这已经在Chrome,firefox和Safari上进行了测试。(我在Mac上,所以如果有人在IE上有结果,请告诉我添加它)



 类似资料:
  • 问题内容: 我希望一个html图像与div标签的底部齐平。我似乎找不到解决此问题的方法。 这是我的HTML: 问题是div嵌套在具有填充或边距的其他div中。 问题答案: 在包装的div标签上添加相对位置,然后将图像绝对定位在其中,如下所示: CSS: HTML: 现在,图像位于div的底部。

  • 问题内容: 我需要在div的右上角显示一个图像(该图像是“对角线”功能区),但要使当前文本包含在内部div中,像现在一样,粘贴在其顶部。 我尝试了不同的方法,例如将图像包含在另一个div中或定义其类,例如: 但没有运气。我得到的最好结果是所有文本向下滚动以获得相同高度的图像。 任何的想法? 问题答案: 您可以这样做:

  • 问题内容: 如何在div中加入div?我将显示更改为内联,但是浏览器将基本段落分为两个元素,而div将不是该段落的成员。 问题答案: 形成w3网站: P元素表示一个段落。它不能包含 块级元素(包括P本身)。

  • 问题内容: 使图像通过CSS“显示为灰色”的最佳方法(如果有)是什么(即,不加载图像的单独的,变灰的版本)? 我的情况是,我在表中有几行,所有行在最右边的单元格中都有按钮,有些行看起来要比其他行亮。因此,我当然可以很容易地使字体变浅,但我也想使图像变浅,而不必管理每个图像的两个版本。 问题答案: 它一定是灰色的吗?您可以将图像的不透明度设置得较低(以使其变钝)。或者,您可以创建一个叠加层并将其设置

  • 我试图创建一个商店定位器,由并排的两个部分组成,一个用于国家和位置列表(左),另一个用于谷歌地图(使用谷歌地图Javascript API)。 我使用Bootstrap来创建布局,但是,我面临一个奇怪的问题,映射div不会显示它是否放置在任何父div或部分(如果它在body标记下,它正常工作)。 这是我正在使用的代码; 超文本标记语言: 上面只显示列表部分,而地图根本不加载。 如果我将id=map

  • 问题内容: 如何将图像放在特定位置的现有PDF文件上。pdf表示一张图纸页。图像将被缩放。我正在检查ReportLab,但找不到答案。谢谢。 问题答案: http://pybrary.net/pyPdf/: 我觉得就像,请参阅手册以获取更好的主意