CSS에서 배경 이미지를 어떻게 제거합니까?

모든 DIV에 배경 이미지를 제공하는 일반적인 규칙이 있습니다.
나는 하나의 div (id = 'a')를 가지고 있으며 배경 이미지를 원하지 않습니다.
어떤 CSS 규칙을 제공해야합니까?

시험:

div#a {
    background-image:none
}

div#a {
    background-image: none;
}

div#a {
  background-image: none !important;
}

"! important"는 필요하지 않지만 "div # a"는 "div"보다 높은 특이성을 갖기 때문입니다.

div#a {
  background-image: url('../images/spacer.png');
  background-image: none !important;
}

IE6 background-image: none이 표시되어 있어도 무시하는 것처럼 보이기 때문에 배경 이미지를 제거하는 규칙 외에도 투명한 스페이서 이미지를 사용합니다 !important.

css3에서 여러 개의 배경 이미지 설정을 "none"으로 설정하면 새 레이어 만 만들고 아무것도 숨기지 않습니다.

http://www.css3.info/preview/multiple-backgrounds/ http://www.w3.org/TR/css3-background/#backgrounds

아직 해결책을 찾지 못했습니다 ...

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff));
background-image: -webkit-linear-gradient(center top, #fff 0%, #fff 50%);
background-image: -moz-linear-gradient(center top, #fff 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(to bottom, #fff 0%, #fff 50%);

이전 브라우저의 경우. IE9 background-image : -webkit-gradient 등의 select2.css와 같은 일부 framewokrk.css에서 CSS를 정의하고 다른 .css를 통해 "background-image : none! important"로 다시 작성하려는 경우 작동하지 않습니다. 같은 배경색을 페이지 배경색과 같은 색 그라데이션에 사용했습니다.

귀하의 사업부 규칙이 just div {...}이면 #a {...}충분합니다. 더 복잡한 경우 specificity에 대한 CSS 사양에 정의 된대로 "보다 구체적인"선택기가 필요합니다 . (#a는 div보다 더 구체적이기 때문에 알고리즘에서 단일 측면 일뿐입니다.)

background-image: none !important;효과가 없을 때 . 당신이 사용할 수있는:

background-size: 0 !important;

이 작동하지 않습니다 :

.clear-background{
background-image: none;
}

구형 브라우저에서 문제가있을 수 있습니다 ...

가지고있는 규칙을 다음으로 바꾸십시오.

div:not(#a) { // add your bg image here //}