css - 투명하게 - html 버튼 투명




CSS background-color는 DIV에 영향을주지 않습니다. (4)

안녕 세상

왜 배경색이 검은 색으로 보이지 않습니까? 나는 너비와 부유물을 설정할 수 없다. 그들없이 가능할 수 있는가?

시간 내 주셔서 감사합니다.


그것을 다음으로 변경하십시오 :

<div style="background-color:black; overflow:hidden;" onmouseover="this.bgColor='white'">
<div style="float:left">hello</div>
<div style="float:right">world</div>
</div>

기본적으로 바깥 쪽 div는 수레 만 포함합니다. 플로트는 정상 흐름에서 제거됩니다. 이와 같이 바깥 쪽 div는 실제로 아무 것도 포함하지 않으므로 키가 없습니다. 그것은 정말로 검은 색이지만 당신은 단지 그것을 볼 수 없습니다.

overflow : hidden 속성은 기본적으로 바깥 쪽 div가 실수를 둘러싸도록합니다. 이렇게하는 다른 방법은 다음과 같습니다.

<div style="background-color:black" onmouseover="this.bgColor='white'">
<div style="float:left">hello</div>
<div style="float:right">world</div>
<div style="clear:both></div>
</div>

아, 그리고 완전성을 위해 CSS 스타일을 지시하는 클래스를 선호해야합니다.


바깥 쪽 div는 float div 만 포함하므로 높이가 0으로 렌더링됩니다. 높이를 주거나 오버플로를 숨김으로 설정하십시오.


수레는 높이가 없기 때문에 포함 된 div의 높이는 0입니다.

<div style="background-color:black; overflow:hidden;zoom:1" onmouseover="this.bgColor='white'">
<div style="float:left">hello</div>
<div style="float:right">world</div>
</div>

overflow : hidden은 대부분의 브라우저에서 float를 지 웁니다.

확대 / 축소 : 1 IE 용 부동 소수점을 지 웁니다.


이것은 아주 오래된 질문이지만, 필자의 경우 footer 요소의 배경색이 표시되지 않은 비슷한 문제가 생겼다는 점을 덧붙일만한 가치가 있습니다. 나는 position: relative 추가했다 position: relative 일하는 position: relative .





css