programing

CSS에서 배경 이미지를 제거하려면 어떻게 해야 합니까?

megabox 2023. 8. 17. 21:05
반응형

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에서 여러 개의 배경 이미지를 설정할 수 있기 때문에 "없음" 설정은 새 레이어만 만들고 아무것도 숨기지 않습니다.

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

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

언제background-image: none !important;효과가 없습니다사용할 수 있는 항목:

background-size: 0 !important;
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와 같은 일부 frameworkrk.css에서 css를 정의한 경우 "background-image: none!important"로 다시 쓰기를 원하는 경우 작동하지 않습니다.페이지 배경색과 같은 그라데이션 색상으로 같은 색상을 사용했습니다.

만약 당신의 디비 규칙이 정당하다면.div {...},그리고나서#a {...}충분할 것입니다.만약 그것이 더 복잡하다면, 당신은 특수성에 대한 CSS 사양에 의해 정의된 "더 구체적인" 선택기가 필요합니다.(#div보다 더 구체적인 것은 알고리즘의 단일 측면일 뿐입니다.)

HTML:

<div id="a" class="mydiv"></div>    

CSS:

div#a {
       background-image:none;
}

다른 방법:

div:not(#a) {
     //all rules goes here 
     //add image here
     //div with id a not effected by these rules
   }

다중(의사가 아님)

   div:not(#a):not(#b):not(#c) {
     //all rules goes here 
     //add image here
     //div with ids not effected with these rules
   }

이것은 작동하지 않습니까?

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

이전 브라우저에 문제가 있을 수 있습니다...

사용자가 가지고 있는 규칙을 사용하여 바꿉니다.

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

언급URL : https://stackoverflow.com/questions/1461077/how-do-i-remove-background-image-in-css

반응형