묻고답하기
xe에서는 w3c표준인 clip:rect()가 왜서 안 되는걸가요?
2009.07.07 19:05
select의 화살표같은것을 없애려고 하면 clip:rect()속성으로 쉽게 할수가 있는데 xe에서는 이것이 왜서 안 되는거인가요?
참고로 옥션의 (http://www.auction.co.kr/) 상단 , 통합검색 폼과 같은 양식으로 만들려면 이걸 사용하면 금방 될것 같은데
clip:rect()이게 안돼서 못하고 있습니다.
클릭해서 나오는 라운딩테두리박스는 jquery의 라운딩 plugin을 사용하면 가능 할것 같은데 ..
웹표준을 사용하고 있는 xe에서 (이것 또한 제가 xe를 선택한 이유가 됩니다.) 표준에 있는 것을 사용하지 못한다는게 섭섭합니다.
댓글 2
-
정 찬 명
2009.07.07 19:23
-
글쓴이
2009.07.07 20:24
큰 맘 먹고 XE를 사용해서 사이트를 만들어 가고 있는데 진짜 어렵습니다.
고집대로 제맘대로 디자인을 입히려고 해서 그런가요?
웹 표준 , XE의 완전 분리의 사로에 따라서 만들려니까 작업량이 장난이 아니네요.
질문했던 문제는 답변주신것처럼 브라우저에 따라 달리 나오는것으로 확인 됐습니다.
그리고 position을 꼭 반드시 absolute로 지정해 주어야만 생각처럼 나오네요.
또한 XE의 현재 자체적으로 구현이 되여있는 부분이 많아가지고 앞으로의 업그레이드 버전에 많이 기대됩니다.
빌더를 사용할적보다 많은 것들을 자체로 만들어야 하니까 또 게시판같은 경우에 어떤 기능은 있지만 아직까지는 자체 가지고 있는 기능에 대해서 완벽하지는 못한것 같습니다.
게시판에서 확장변수 입력 유형이라든가 확장변수에 대한 정열방식이라든가 검색하다가 관련 문장이 올라와 있는것은 몇개 보았는데 xe에 대한 기대라고 할가 ...저런것들은 배포버전에 포함되여 있으면 얼마나 좋을가 하는 맘입니다.
지금은 XE가 구조적으로 분리가 잘되여 있다는 점,그리고 질 높은 코딩방식,엄격히 웹표준에 따르는 그런 방향때문에, 또 특히는 업그레이드시 코어의 업그레이드가 다른 부분에 극히 적은 영향만 준다는것 땜에 다른 솔루션들보다 더 기대가 되는 것 같습니다.
암튼 빠른 답변 너무 감사합니다.
clip 속성은 XE와 같이 표준 문서형(DTD)을 사용하는 경우 IE7 브라우저에서 구현이 되지 않는 버그가 있습니다. 이것은 XE 버그가 아니라 IE7 버그로써 현재까지 이 문제를 해결하는 알려진 방법이 없습니다. 따라서 clip 속성 대신 다른 기법을 이용해서 구현하셔야 할 것 같습니다.
그리고 저희 XE는 사용자의 학습된 경험을 존중하는 의미에서 select와 같은 웹 브라우저의 고유한 인터페이스에 그래픽 디자인을 입히는 방법을 권장하지 않습니다.
참고
http://www.w3schools.com/CSS/pr_pos_clip.asp
http://www.xpressengine.com/openUIProjectGuide