테스트 사이트 - 개발 중인 베타 버전입니다

[질문] absolute 또는 relative 자식div 투명처리

· 13년 전 · 2161 · 4
css에서 absolute또는 relative 자식레이어는 png를 배경으로 깔아도 투명처리가 안되더라구요
png배경의 투명부분이 
부모 - absolute  또는 relative  div
자식 - default    div

자식 div에서 배경을 투명으로 하려면 어떻게 해야할까요?
background-color:transparent;
는 절때 안먹히네요..
부모창에서
background-color:transparent; 써도 안먹히구요..
웃긴건 부모창에서 #fff;나 색상값을 지정해주면 자식div가 투명이라그런지 잘되는데
부모창에서 background-color:transparent; 을줘도 흰배경으로 채워진다거나 이러네요..

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

position의 문제는 아니고요. IE6을 쓰시나보네요. IE6은 png 투명을 처리하지 못해요. 필터를 이용해서 처리할 수 있으나 이를 자동적으로 처리하려면 스크립트를 사용해야하는데, 단일 이미지라면 얼추 같게 할 수 있지만, 배경 이미지는 좀 제약이 있습니다. repeat 처리는 좀 복잡해지고 그 만큼 하나씩 생성해줘야 하기에... 이를 해결하는 스크립트 같은 것이 있어 써볼 수는 있고요. 다른 방법은 gif로 대체하는 방법도 있습니다.
13년 전
IE9/크롬/사파리 다그러네요..
원래 해결안되는거더라구요.
radius 설정해서 해야되고 IE7은 포기해야되는거네요..ㅠㅠ
어랏.. 무엇이 안되는지 몰라서 동문서답했네요. 그래도 원래 뭐가 안되는 것인지 잘 모르겠습니다. html < body < .... < div.absolute < div (default?) 이런 식으로 레이어가 겹쳐 있다면.. 자식에서 그 위에 있는 것을 투명하게 만드는 것인지.. 본래 아무것도 설정하지 않으면 투명입니다. 그 바닥에 있는 것에 무언가 투명하지 않는 게 있는 것이겠죠?
13년 전
답변 감사합니다. ㅎㅎ
css로 투명설정해도 안되는건안되는게있네요 ㅎㅎ사이트 완성되는대로 정리해서올려야겠습니다. ㅎㅎㅎㅎ

게시글 목록

번호 제목
8265
20403
20402
20401
20400
8259
20399
20398
8255
8249
8246
8242
20396
8240
20395
20394
31033
28385
20393
28380
20392
28377
20391
20390
20389
20388
20387
20386
20385
20384
20383
20382
8238
20380
20379
28376
28372
20378
20377
8235
20375
20374
20373
20372
20371
20370
28370
20369
28366
20368
20367
20366
20365
20364
20363
20362
20361
20360
20359
8231
20358
20357
20356
20355
20354
20353
20352
20351
20350
20349
20348
20347
20346
20345
20344
20343
20342
20341
20340
20339
20338
20337
20336
20335
20334
20333
20332
20331
20330
20329
20328
20327
20326
20325
20324
20323
20322
20321
20320
20319