>웹 프론트엔드 >HTML 튜토리얼 >간단한 웹사이트가 회색과 흰색으로 변합니다.

간단한 웹사이트가 회색과 흰색으로 변합니다.

WBOY
WBOY원래의
2016-09-22 08:42:162193검색

CSS 스타일 추가

html{
필터: 회색조(100%);
-webkit-filter: 회색조(100%) /* Chrome 19+ 및 Safari 6+ */
-moz-filter: 회색조 (100%);
-ms-filter: 회색조(100%);
-o-filter: 회색조(100%)
필터: url("data:image/svg+xml;utf8 ,#grayscale"); /* Firefox */
필터:progid:DXImageTransform.Microsoft.BasicImage (회색조=1);
필터: 회색 /* IE6-9 */
}

html 태그에 다음 코드를 추가하세요

<span style="color: #0000ff;"><</span><span style="color: #800000;">html </span><span style="color: #ff0000;">style</span><span style="color: #0000ff;">="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);"</span><span style="color: #0000ff;">></span>

ie 10 회색으로 변해야 한다면 greyscale.js를 사용해 보세요

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.