【问题标题】:Can we use Background is in <div> tag我们可以在 <div> 标签中使用背景吗
【发布时间】:2016-09-21 14:47:27
【问题描述】:

我们可以在

中使用背景,就像我们在 中使用的一样
<body background="image.jpg">

我不想使用这样的样式。

<div style="background:url(...);">

我们可以使用

<div background="image.jpg">

因为好像不行,有没有别的办法?

编辑

因为我想让图像高度响应。并且图像是动态的,所以我不能使用 style.css 并且我正在使用

【问题讨论】:

  • 为什么不想用唯一合理可行的方式,也就是CSS呢?
  • 应该使用 CSS3,如果我们在 HTML 5 中,设计提供样式表
  • @SamiKuhmonen 因为我想让图像高度响应。并且图像是动态的,所以我不能使用 style.css 并且我正在使用
  • 所以你实际上是在问如何使用 CSS 使 bg 图像保持其纵横比,而不是如何使用不存在的属性。提出正确的问题并解释情况总是有帮助的。

标签: html css responsive-design


【解决方案1】:

当然,你可以使用没有问题,但最好的代码如下所示

CSS

.img-bg{
background-size:100% 100%;
background-repeat:no-repeat;
display:block;
height:100%;
width:100%;
}

HTML

<div class="img-bg" style="backgound:url('image/path.jpg')"></div>

【讨论】:

    【解决方案2】:

    试试这个:

    <div class="class"><img src="image link" /></div>
    
    .class img {
        width: 50%;
    }
    

    它的自动响应

    检查这个:https://jsfiddle.net/TiG3R/vjcg2utn/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-05-02
      • 2012-05-27
      • 2016-06-24
      • 2020-03-21
      • 1970-01-01
      • 1970-01-01
      • 2012-12-30
      • 2014-10-08
      相关资源
      最近更新 更多