Ie 7,8에서 PNG 투명처리 문제 질문좀 드릴께요 > 자유게시판

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

자유게시판

Ie 7,8에서 PNG 투명처리 문제 질문좀 드릴께요 정보

Ie 7,8에서 PNG 투명처리 문제 질문좀 드릴께요

본문

Ie 7,8에서 PNG 투명처리 문제 질문좀 드릴께요

첨부한 test1 이미지를 J쿼리로 모션을 줘서 움직이는데요.

움직임을 갖을때


첨부한 test2 이미지처럼 투명 처리한 부분이 시커멓게 나왔다가
지정한 위치에 들어오면 test1이미지처럼 다시 테두리가 정상으로 보입니다.
혹시 처리방법아시는 분 계실까요??
IE9랑 크롬이랑 파폭으로 테스팅 하고 오늘 서버 올릴라 했는데
갑자기 익스 7,8이 문제네요.. ㅠㅠ
추천
0

댓글 6개

웹 접근성 상 <caption>은 시각장에인에게 꼭 필요한 요소입니다.
css로 날리는건 상관없으니 요소 자체를 사용하지 않으면 안됩니다.
글쓴이님 말데로 오히려 꾸미는 쪽으로 생각을 해보는게 좋지 않을까요?
꾸미는 쪽을 추천!!
위의 지운아빠님 소스라면

<h1>자유게시판</h1>
<table >



<table>
<caption>자유게시판</caption>

으로 하고 caption 텍스트만 키운다면 h1 으로 하던것과 비슷한 아웃풋을 볼 수 있습니다~!
다만

웹접근성 인증 업체들에서는
caption 안쪽에 테이블 요약정보 + 컬럼명 을 요구하는 경우가 있기 때문에
접근성 마크를 획득해야 한다면 먼저 확인해 봐야 하겠죠 lol
추천하는 것은 position:absolute; 를 통해 어딘가로 보내놓는 것입니다.

@마스터K caption 의 position absolute 로 인해 테이블의 width 가 망가지는 경우에 대해서는 예재를 보여주시면 좋겠네요( 아직 경험하지 못 한 부분이라)

참고로 예전 파폭에서는 width:0; height:0; 과 font-size:0; 등을 통해 보이지 않게 만들어 놓은 녀석은
ajax 처리시에 그 안의 내용을 제대로 처리하지 못했습니다. 이것이 스크린리더에도 영향을 줄 수 있다고 생각됩니다. ( 현재는 테스트를 안해봐서 바뀌었을지도 모르겠지만 )
비슷한 녀석으로
body 태그 바로 다음에 스킵네비게이션을 사용할 때도
display:none 이나 width:0 height:0 등을 넣는 것을 지양하고

position:absolute 로 화면에 보이지 않는 곳으로 보내놓는 것을 추천합니다 :D
.hidden{position:absolute;top:-9999em;left:-9999em;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;overflow:hidden} 제가 쓰는 히든 방식인데요.
아래글에서 absolute 일 경우 무언가 버그가 있는건가요..? 항상 저식으로 전 cation 에 클래스로 먹여왔엇는데;; 각종 숨겨야 할것들도요. 마키님하고 지운아빠님걸 한번 써봐야겟네요~
전체 196,895 |RSS
자유게시판 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT