그래서 최근에 순전히 CSS 스포일러 코드를 발견했습니다. FF (FireFox)에서는 잘 작동하지만 Chrome에서는 완전히 경련이 발생합니다. 코드는 다음과 같습니다.
<style type="text/css">
.spoiler { background: #000000; color: #ffffff; width: 500px; padding: 40px; }
.spoilerbutton:focus, .spoiler { display: none; }
.spoilerbutton:focus + .spoiler { display: block; }
</style>
<input class="spoilerbutton" type="button" value="Hidden">
<div class="spoiler">
Well hello!
</div>
CSS 일 뿐이라는 것을 알고 있습니다. 아직 jQuery 나 Javascript를 공부하지 않았기 때문입니다. 누구든지이 문제를 해결할 수 있으므로 플래시가 아닌 Chrome에서 제대로 표시됩니다.
시도해보세요 : Chrome 31에서 테스트되었습니다. FF 24, IE 11
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
.spoiler {
background: #000000;
color: #ffffff;
width: 500px;
padding: 40px;
display: none;
}
.spoilerbutton:focus + .spoiler { display: block; }
</style>
</head>
<body>
<input class="spoilerbutton" type="button" value="Hidden">
<div class="spoiler">Well hello!</div>
</body>
</html>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다