'2007/12'에 해당되는 글 1건
2007/12/03 14:02
[WEB]
<!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">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>test</title>
<style type="text/css">
h1 { text-indent:-5000px; }
#aaa { position:fixed; }
</style>
</head>
<body>
<div id="aaa">
<h1>Test</h1>
<form action="">
<select size="3" style="width:100px;">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</form>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>test</title>
<style type="text/css">
h1 { text-indent:-5000px; }
#aaa { position:fixed; }
</style>
</head>
<body>
<div id="aaa">
<h1>Test</h1>
<form action="">
<select size="3" style="width:100px;">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</form>
</div>
</body>
</html>
FireFox에서 위와 같은 내용을 html 파일로 저장 후 select box를 선택하려고 마우스 클릭을 해보면 선택이 되지 않는다.
position:fixed; 의 값을 변경하거나, text-indent 의 값을 0 이상으로 주거나, select element의 size를 1로 주거나 없애면 정상적으로 선택이 된다.
재미있게도 text-indent의 -값이 적을 경우 일부분만 클릭이 제대로 된다.
그러니까 이 버그는 position:fixed;가 되어 있는 element 안에, text-indent 가 0 미만인 element 와 size가 2 이상인 select element가 같이 있을 경우 생기게 된다.
(조건도 참 복잡하네 -_-;)
FireFox ver : 2.0.0.11
Trackback Address :: http://blog.rsef.net/trackback/45
