Mozilla 한국 커뮤니티

스타일 시트 기능을 이용해서 폼필드에 배경 그림을 넣을 수 있지 않습니까?

불여우에서 그림을 잘 읽는데요, 그림을 넣은 폼은 쑥 들어가버리네요.

그러니까, 보통의 폼필드(IE6.0에서)는 들어간 느낌이 없이 편평하게 보이는데,

그림이 배경으로 지정된 폼은 마치 예전의 폼필드를 보는 것처럼 음풀 들어간 효과가 나타나는거에요.

그림만 적용되면 그러네요, 다른 스타일의 변경은 전혀 없는데도.

제가 뭘 잘못 적용한건지 알고싶습니다.

아 참 그리고 또, 그림을 올릴때 img src 옵션에서

그림의 세로 크기를 100%로 지정해서 상황에 맞게 유동적으로 크기가 브라우저에서 조절되도록했는데, 파이어폭스는 적용되지 않네요.

이거 두가지를 버그로 볼 수 있는지, 아니면 표준규약에 어긋나는 것인지 알고 싶습니다. 버그라면 다음 버전에서 패치를 기대해야죠~

폼의 기본 랜더링은 2px 짜리 border 로 안으로 들어가 보이는 디자인 입니다. 이것은 Firefox, IE 모두 동일합니다. win XP 를 사용하시는 분들 중에는 어떤 플러그인(어떤 것인지 잘은 모르겠습니다. 저는 그런 프로그램들을 거의 써보지 않아서...) 으로 인해서 1px 짜리 border 로 편평한 랜더링이 되는 경우가 있습니다.

즉, 편형한 랜더링이 비정상이고 들어가 보이는 랜더링이 기본입니다. OS 의 폼 디자인을 따르는 것입니다. Mac 에서 보면 또 다릅니다. background 를 적용하면 기본 값으로 돌아오는 것으로 보아 편평하게 랜더링 하는 플로그인이 비정상인것 같군요. 당연히 Firefox 나 IE의 버그도 아닙니다. 플러그인의 버그지요. 방법은 style 로 background 와 border 를 둘다 적용하는 것입니다. 그러면 들어가보이지 않고 편평한 디자인을 적용 할 수 있겠죠?

그리고 이미지의 경우...저는 정상적으로 잘 나오는 군요.

어떤 코드를 사용하셨는지 모르겠으니 제가 테스트 해본 코드를 올려드리겠습니다.

Code: Select all

<div style="width: 80%; height: 300px; border: 1px solid #f00;">
     <img src="1090260501_1.jpg" style="height: 100%;" alt="" />
</div>

img 의 width, height 를 100% 로 지정을 하니까 container block 의 크기를 아주 잘 반영해서 유동적으로 바뀝니다. 의도 하신 것이 이게 맞는지요?

Mozilla 한국 커뮤니티

이런 것을 프로그램 버그로 볼 수 있나요?

이런 것을 프로그램 버그로 볼 수 있나요?