代码之家  ›  专栏  ›  技术社区  ›  Omar Abid

将DIV的大小调整为背景图像的大小

  •  2
  • Omar Abid  · 技术社区  · 14 年前

    我有一个下列样式的DIV

    .vplayer-container .logo
    {
     position: absolute;
     bottom: 50px;
     right: 10px;
     background: url(../img/logo.png) no-repeat;
     border: 1px solid #000000;
     max-width: 50px;
     max-height: 50px;
    }
    

    我要的是,DIV大小和背景图像相同。由于BG图像更改,我希望它能自动设置。我可以使用javascript,但我更喜欢使用CSS。

    我正在瞄准 HTML5浏览器 这是火狐、Webkit和Opera。

    谢谢

    答:

    塞文欧克斯凯尔 提示,您可以通过在DIV中放置一个image元素来实现。

    <div>
    <img src="url">
    </div>
    

    删除background属性,不需要其他样式。

    3 回复  |  直到 13 年前
        1
  •  3
  •   Jon Adams    13 年前

    CSS不能这样做,DIV从其内容中获取其维度。背景图像纯粹是一种风格标志。

    您应该能够使用javascript完成这项工作,找到高度和宽度值,并将它们注入到内联样式中,应该做到:)

    您也可以使用 <img> 标签内 .logo 这将产生你想要的。

        2
  •  0
  •   Jeaf Gilbert    14 年前

    CSS无法对背景图像执行此操作。

        3
  •  0
  •   jwueller    14 年前

    使用纯CSS是不可能的。我认为你需要用JavaScript来完成它。你真的需要这个来保持活力吗?我认为如果徽标改变,那么改变样式表中的两个值就不那么容易了。