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
속성을 추가하는 것을 권장합니다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【Grunt】 복수의 CSS, JavaScript 파일을 minfy한다여러 CSS, JavaScript 파일을 Grunt를 사용하여 단번에 각각 하나의 파일로 minfy합니다. ① Gruntfile 작성 ② package.json 쓰기 ④ html CSS, JavaScript 지정 부...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.