html - 用css颜色替换图片并根据内容调整大小

Question

我有生成透明 div 的 CSS 代码:

.camera_caption {
    position: relative;
    background: url(../images/capture_bg1.png) 0 0 repeat-x;
    left: 0;
    margin-top: 263px;
    width: 717px;
    height: 234px;
    padding-left: 365px;
    font: normal 14px/24px 'Roboto';
    color: #fff;

}

如您所见，背景是使用此图像生成的:

但是这个解决方案有几个问题: 我想用纯CSS代码来显示彩色背景。 而且我还想根据内容大小调整背景高度。例如，我有几行不同语言的文本。我需要动态调整背景层 .camera_caption 的大小。

你能给我一些解决问题的建议吗？

Answer 1

关于您的问题到底是什么以及您想完成什么，我不是用户。

但对于自动调整大小，您可以删除给定的宽度和高度。也许你可以有 100% 的宽度，如果这样会更有吸引力的话

width:100%;

如果你有任何机会需要有最小高度和宽度，你可以这样完成

min-height:500px;
min-width:500px;

用这段代码添加背景色

background:blue;

如果您可以详细说明或更好地发布 fiddle ，我们可以提供更好的帮助。