2014-06-05 3 views
1

PHP로 웹 사이트를 개발 중이며 CSS가있는 HTML을 만들고 있습니다.테이블의 이미지 배경 투명도

웹 사이트를 개발 중이며 배경 이미지를 테이블에 삽입해야합니다. 이제 웹 페이지를 요청할 때 이미지를 볼 수 있지만이 이미지에 투명도를 추가해야합니다. 원하는대로 비율로 알파 투명도로 PNG를 만들 수 있지만 PNG 내에서 알파 이미지 투명도에 대해 매개 변수가 제공하는 유연성 때문에 이미지를 이미지 편집기로 처리하지 않는 것이 좋습니다.

이 태그를 사용하고 있습니다. 이 같은

<table background="image.png"> 

답변

1

시도 뭔가 :

table { 
    width: 200px; /* your width */ 
    height: 200px; /* your height */ 
    display: block; 
    position: relative; 
} 

table:after { 
    content: ""; 
    background: url(image.png); 
    opacity: 0.5; /* set your opacity */ 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    position: absolute; 
    z-index: -1; 
} 

DEMO HERE