Question

所以我想要div中的图像，我希望div具有背景颜色。但我希望图像而不是div缩进。这是我的HTML

<div id="LogoImageHeader">
    <img src="Logo.gif" width="1403" height="117" id="LogoImage"> 
</div>

和继承人我的css

#logoImageHeader
{
    background-color:gray;
}

#LogoImage
{
    position: absolute;
    left: 50px;
    top: 10px;
}

它缩进图像，但不显示div的背景颜色，

我是网络开发新手，请帮忙

Answer 1

如评论中所述，HTML ID选择器确实区分大小写。但这不是主要问题。

修复ID后背景颜色设置正确，但由于图像定位为absolute，因此图像呈现在div之外，因此div有height 0px。

但是，如果您将定位应用于div，则图像会像div一样回到div内，因此{{1}}的背景将变为灰色。

参考和示例

Reference answer on case sensitive HTML ID selectors

Reference answer on absolute child elements

JSFiddle example

Answer 2

你需要分配＆＃34;宽度＆＃34;和＆＃34;身高＆＃34; #logoImageHeader DIV的CSS样式属性

#LogoImageHeader
{
height: 100px;
width: 80px;
border: 1px solid red;
background-color:gray;
}

#LogoImage
{
position: absolute;
left: 50px;
top: 10px;
}

注意：

DIV #ID和CSS样式表是大小写敏感。

我注意到你的HTML代码

你命名了你的div

<div id="LogoImageHeader">

这有资本＆＃34; L＆＃34; for＆＃34; Logo＆＃34;

但那么

在你的CSS中

你叫它

#logoImageHeader

如果你注意到了你用过＆＃34; l＆＃34;这次很简单。

这是错误的。

HTML和CSS代码区分大小写。

如果你给＃34;＃LogoImageHeader＆＃34;一份大写的案例信件＆＃34; L＆＃34;在你的HTML CODE然后你需要用一个大写的字母来打电话给那个DIV＆＃34; L＆＃34;在您的CSS代码中

换句话说

HTML和CSS代码区分大小写，需要编写和匹配完全相同的DIV名称。

- - - - - - - - - - - - - -_-

如果DIV没有高度且没有宽度

它不会出现。

如果你想要背后的背景

您必须定义div的高度和宽度

我添加了1px实线边框以便于查看

每当我编码

我通常这样做是为了参考

所以我可以看到DIV在哪里

和

DIV有多大。

立即尝试。

Css div和id问题

2 个答案: