CSS 배경 색상은 DocType로 사라집니다

StackOverflow https://stackoverflow.com/questions/599777

  •  11-09-2019
  •  | 
  •  

문제

HTML 페이지에서 몇 가지 다른 요소에 배경색을 설정하려고하지만 DocType 선언을 적용 할 때마다 색상이 무시됩니다. 다른 스타일은 영향을받지 않는 것 같습니다. 나는 내가 바보라고 확신한다.

IE7, FF3 및 Chrome에서 발생합니다. 엄격하고 전이성 HTML 4 Doctype. 신체 및 DIV 배경이 영향을받습니다. 최소한의 예는 다음과 같습니다. DocType Delcaration을 삭제하면 DocType -Tedious Black과 White만으로 모든 영광이 렌더링됩니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <style>
        body{background-color:FF00FF;}
        .class1{background-color:00FFFF;}
    </style>
</head>
<body>
    <div class="class1">Some Text</div>
</body>
</html>

BTW- 나는 XHTML을 사용하고 있지 않기 때문에, 나는 한때 MIME 유형이 서버에 올바르게 설정되지 않으면 XML을 선언해서는 안된다고 말한 나보다 훨씬 영리한 사람들 사이의 술집에서 대화를 들었다고 생각하기 때문입니다. 내 cheapo 호스팅 계정에서 나는 그런 종류의 일을 쉽게 할 수 없습니다.

도움이 되었습니까?

해결책

당신은 잊었습니다 # 색상 값에서.

body {
    background-color: #FF00FF;
}
.class1 {
    background-color: #00FFFF;
}

다른 팁

색상이 무시되는 이유는 선언이 잘못 되었기 때문입니다. Quirks 모드에서는 해석이 더 편안하고 색상이 잘못되면 허용되지만 표준 준수 모드에서는 선언이 정확해야합니다.

ff00ff를 #ff00ff로 변경하고 00ffff를 #00ffff로 변경하십시오.

#ff00ff는 짧은 양식 #f0f로, #00ffff로 #0ff로 작성할 수도 있습니다.

CSS에서는 RGB 또는 HEX에서 색상을 정의 할 수 있습니다. 이것이 당신이 한 일입니다. 그러나 육각형은처럼 쓰여졌습니다 #rrggbb. 당신은 놓쳤습니다 #. DocType가 설정되어 있기 때문에 유효성 검사와 관련하여 보이는 것처럼 보이면 이러한 "거의 수정 된"색상 정의는 올바르게 해석되지 않습니다.

다음 줄을 제거하십시오

DocType HTML Public "-// W3C // Dtd HTML 4.01 Transitional // en" "http://www.w3.org

그렇다면 괜찮을 것입니다. 그러나 왜 그런지 모르겠습니다.

당신은 Allsoo를 사용해야합니다u003Cstyle type="text/css"> OR even better, don't use inline styling!

Allways는 HTML 코드를 검증합니다 여기.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top