채택완료

글열람자의 아이디를 글배경으로 넣는 CSS

2017-04-06 (목) 16:31:20 3,571

글의 무단유출을 막기 위해서 글열람자의 아이디를 글배경에 백그라운드 이미지로

넣고 싶습니다.

<style> 
   #bo_v_con{

   font-size:30px;

   font-weight:bold;        
    opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }     
</style>

어찌 어찌 투명도 조절하는 CSS까지는 찾아냈는데

글열람자의 $member[user_id] 를 30px;과 opacity=20 으로 넣으려면 어떻게 하면 될까요?

|

답변 3개

채택된 답변
+20 포인트

예를 들어

<div>본내용<span style="position:absolute;top:100px;left:100px;width:300px;height:200px"><?php echo $member['mb_id']?></span></div>

이런 식으로 중첩된 span태그 레이어를 사용하여 그걸 조절하면 될 것 같은데요.

그리고 top과 left width, height를 조절하시고 opacity를 조정하시면 되실 듯.

#bo_v_con 저거 아래 들어가는 모든 폰트사이즈와  투명도는 상속이 됩니다. 

 

<div>

<div id="bo_v_con"></div>

<span class="textLayer"><?php echo $member['mb_id']?></span> 

</div>

저런식으로 별도로 놓으시고 class="textLayer"의 포지셥 앱솔루트로 위치값 조절해서 맞추시면 될것 같습니다.

2017-04-07 (금) 02:00:39

실제 출력이 되면  어디든 text가 있을 것 깥은데..

이건 방법이 아닌거 같긴 하네요. 

답변을 작성하려면 로그인이 필요합니다.