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
'programing' 카테고리의 다른 글
병합 커밋이 없는 Git 로그 보기 (0) | 2023.08.17 |
---|---|
시작하는 동안 Spring boot MariaDB 볼트 사용자 이름 자격 증명을 사용할 수 없음 (0) | 2023.08.17 |
Google Analytics에서 AJAX에서 호출한 페이지를 추적하려면 어떻게 해야 합니까? (0) | 2023.08.17 |
쿼리에서 그룹 함수 오류를 잘못 사용하는 중 (0) | 2023.08.17 |
스크롤 막대(마이너스) 없이 화면 너비를 얻는 방법은 무엇입니까? (0) | 2023.08.17 |