>  기사  >  웹 프론트엔드  >  전체 웹페이지를 흑백으로 바꾸는 방법에는 어떤 것이 있나요?

전체 웹페이지를 흑백으로 바꾸는 방법에는 어떤 것이 있나요?

yulia
yulia원래의
2018-09-20 11:38:5710528검색

웹페이지 전체를 흑백으로 바꾸는 방법과 어떤 방법을 사용할 수 있는지 소개한 글이니 관심 있으신 분들은 참고하시면 좋을 것 같습니다.

전체 사이트 CSS 코드.

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

사용 방법: 이 코드는 CSS 상단에 코드를 추가하여 웹페이지를 흑백으로 변경할 수 있습니다. 전국의 웹마스터들이 조치를 취하는 것이 좋습니다. 이번 지진으로 목숨을 잃은 동포들의 명복을 빕니다.

웹사이트에서 CSS를 사용하지 않는 경우 웹페이지/템플릿의 HTML 코드 93f0f5c25f18dab9d176bd4f6de5d30e 사이에 CSS를 삽입할 수 있습니다.

<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

일부 웹마스터들은 이 CSS가 최신 웹 표준 프로토콜을 사용하지 않기 때문에 사용하지 못할 수도 있습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

웹 페이지 상단의 100db36a723c770d327fc0aef2ce13b1

FLASH 애니메이션의 색상을 CSS 필터로 제어할 수 없는 일부 웹사이트가 있습니다. FLASH 코드의 c0344c6ab64b40438518a590d0ce08e6 사이에 삽입할 수 있습니다. #

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
#🎜 🎜#페이지를 회색으로 바꾸는 가장 간단한 코드는

<style type="text/css">
html {
    FILTER: gray
}
</style>

를 추가하는 것입니다. 일반적으로 discuz 포럼은 제어 CSS 파일

/images에서 수정할 수 있습니다. / header/header.css 이 파일

CSS 메소드

은 소프트웨어 Firefox(firebug 설치) 플러그인 ie7 또는 IE를 사용합니다. 8이 있어야 합니다. 개발자 도구(나오려면 F12를 누르세요)

IE 브라우저에서는 코드 본문 {filter: grey;}를 사용하여 Microsoft의 필터 코드를 사용하여 전체 색상을 탈색할 수 있다는 것을 누구나 알고 있습니다. 웹 사이트를 흑백 그레이 톤 효과로 변환하지만 Firefox 등 IE가 아닌 다른 브라우저와 호환되지 않습니다.

CSS 웹사이트 회색 톤(IE만 지원)

인라인 스타일:

elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage (회색조=1)';

css 스타일 시트:

elem { 필터: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

#🎜 Le#/ * 요소는 "have"여야 합니다! */#🎜🎜 #zoom: 1;}

🎜🎜#Firefox는 필터를 지원하지 않기 때문에 어제 어린이 신발을 많이 찾을 수 있었습니다. (렌렌, 19층)은 아직 채색되어 있습니다.

여기에는 브라우저 호환성 문제, CSS 해킹 등이 포함됩니다.

어제 IE나 Firefox의 방화범을 사용하여 본문 앞의 상자 선택을 취소했습니다. {filter: grey;} 또는 elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale= 1 )'; 이 문장을 체크 해제하시면 색상을 보실 수 있습니다

플래시를 회색으로 바꾸는 방법과 다양한 브라우저에 호환되는 흑백 웹사이트를 만드는 방법은 코드를 올려드리겠습니다. , 왜 이렇게 썼는지에 대해서는 자세히 설명하지 않겠습니다. 관심 있는 친구들은 온라인에서 답변을 검색할 수 있습니다.

FLASH 회색화:

FLASH 애니메이션의 색상을 CSS 필터로 제어할 수 없는 일부 웹사이트가 있습니다. 43520e4357828a4d781ceac23caaf00a 및 eb50c9ec568c9b96871b9e94a1ff3fd1:

e20eab0f894f00d62d8e790461aebf83#🎜🎜 #9ddb9af9e503c4db91773e2165ffb080

JavaScript

사용:

#🎜 🎜#// 방법 1 var el = document.getElementById( 'myEl' ); greyscale( el ); // 방법 2 greyscale( document.getElementsByTagName('div') ) // jquery에서 사용: greyscale( $(' div') );

Reset: grayscale.reset( el ) // 마찬가지로 jquerygrayscale.reset( $('div)에도 사용할 수 있습니다. ') ); #🎜 🎜#

전처리:

greyscale.prepare( document.getElementById('myEl') ) // greyscale.prepare( $('.gall_img') ) jquery에서도 사용할 수 있습니다 ;

위 내용은 전체 웹페이지를 흑백으로 바꾸는 방법에는 어떤 것이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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