css Filter 속성이 적용되지 않는 문제 처리

2698 단어 CSS
내일은 청명절 연휴인데, 코로나 사태 이후 첫 방학부터 까다로운 문제 해결 방안을 배워줘서 고마워요.
청명절 공제일 때문에 회사의 사이트는 모두 그레이스케일 양식으로 바꾸어야 한다. 분명히 매우 간단한 문제인데, 다시 양식표에 이 양식을 추가하면 된다. 답은 매우 간단하다.
html{
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter:grayscale(1)
}

고친 후에 동료가 나에게 네가 나에게 알려준 방안은 소용없다고 말했다. 내가 보니 과연 어떤 그림이 효력이 발생하지 않았구나. 서둘러 자료를 찾아라. 구글은 반나절 동안 처리 방안을 찾지 못했다.컨트롤을 켜서 요소를 보니 이 그림은 body의 배경 그림입니다.이렇게 포토샵으로 사진 수정하게 하려고 했는데.
html에 background를 추가하면 어떤 효과가 있을까 싶어요.
기적을 목격하는 순간...
바디의 배경 그림이 필터의 영향을 받아 그레이스케일로 변했다.
실현 방안도 있다. 그러면 html에 개background:#ffffff; 양식을 추가한다.
만약 누가 html에 배경 그림을 추가한다면 나는 정말 방법이 없다.
요약:body에 배경 그림이나 배경 색깔이 필터를 사용할 수 없으면 html 탭에 background 속성을 추가하는 것을 권장합니다

좋은 웹페이지 즐겨찾기