2014-07-04 3 views
2

내 코드에서 여러 곳에서 사용할 색상에 대한 메타 태그가 있습니다.반투명 배경에 컬러 메타 태그를 통합 할 수 있습니까?

#wrapper #content .post { 
font-family: {font:Body}; 
background-color: rgba(255,255,255,0.9); 
{block:IfRoundedCorners}border-radius: 9px{/block:IfRoundedCorners}; 
padding: 10px; 
position: relative; 
left: 100px; 
border: 1px solid #000000; 
box-shadow:rgba(0,0,0,0.1)10px 10px; 
margin-bottom: -20px; 
} 

본 그림에서 알 수 있듯이 내 배경은 흰색이며 불투명도는 0.9입니다. 0.9의 불투명도를 유지하면서 배경이 대신 내 메타 태그 {color:Posts}의 색상을 상속받을 수 있는지 궁금합니다.

이전에는 background-color: 라인은

background-color: {color:Posts}; 
opacity:0.9; 

로 대체이 내 원하는 효과를 달성하면서, 또한 난 단지 배경이 투명하게 원하기 때문에, 문제가 투명 .post 내에서 다른 모든했다.

당연히 메타 태그를 참조하여 내 페이지의 색 구성표를 변경하기로 결정한 경우에만 코드 상단에서 몇 가지 값만 변경하고 사용되는 모든 위치는 변경할 수 없습니다.

메타 태그는 16 진수 값을 사용하므로 255,255,255 대신 #FFFFFF이 사용됩니다.

아이디어가 있으십니까? 덕분에 사전에

답변

4

변수 변환

텀블러는 변수를 수정하고 출력을 변경하는 몇 가지 키워드를 제공합니다. OP 예제에서는 HEX 색상을 사용하고 출력을 RGB으로 지정하려고합니다. 이렇게하려면 변수 앞에 문자 RGB을 붙입니다.

이 기능은 완전히 작동하지 않습니다 (HEX 만 RGB 값으로 변환 됨). 우리는 격차를 작성해야하고 알파 채널 값을 포함한다 : 그것 뿐이다

background-color: rgba(255,255,255,0.9); 

background-color: rgba({RGBcolor:Posts}, 0.9); 

전합니다. 한 단계 더 나아가 알파 값을 처리 할 수있는 또 다른 테마 연산자를 설정하여 사용자 정의 옵션을 완벽하게 제어 할 수 있습니다.

전에

<meta name="text:Posts Background Alpha" content="0.9"> 

background-color: rgba({RGBcolor:Posts}, {text:Posts Background Alpha}); 

background-color: rgba(255,255,255,0.9);