이미지를 첨부하는 중에 투명한 배경의 PNG 이미지를 첨부하였는데 업로드하고 보니 이미지의 투명한 부분이 전부다 하얀색으로 나와서 CSS를 수정해야할 것 같아 이것저것 또 알아보다가 방법을 찾아서 포스팅 작성합니다.
.permalink>.content .contents_style div[data-ke-type=moreLess] figure img,
.permalink>.content .contents_style>figure img {
border-radius: 5px;
/* background-color: #fff; */
background-color: rgba(255,255,255,0.0);
}
content의 img 태그를 수정해야 합니다. 스킨 편집의 css 편집까지 가셔서 위의 코드(Ctrl + F 검색하기로 figure img 검색)를 수정 하시면 됩니다.(복사하셔서 붙여넣기 하셔도 됩니다.)
background-color가 #fff = (rgb : 255, 255, 255)이기 때문에 투명도가 적용이 안 됩니다.
그래서 rgba를 사용해서 투명도를 적용하였습니다. 투명도는 0.0이 투명하고 1.0으로 올라갈수록 불투명해집니다.