서로 위에 이미지 스태킹

Question

이미지 테이블을 표시하는 PHP 사이트가 있습니다. 각 이미지에는 사용자가 정의한 "배경"이 있습니다. 따라서 사용자는 "나는 빨간색 배경을 원한다"라고 말할 수 있으며 모든 이미지는 색상의 10 픽셀 테두리로 표시됩니다.

또한 정적 인 배경입니다.

이 작업을 수행하려면 먼저 정적 이미지, 사용자 컬러 이미지, 테이블 이미지를 에코합니다.

echo "<img src='Static.jpg' width='60' height='60' />"; 
echo "<img src='User$userColor.jpg' width='60' height='60' />"; 
echo "<img alt='TableImage' width='50' height='50' />"; 

Currentley, 나는 그들에게이 부착하여 후자의 두 이미지를 밀어 : 이것은 매우 해키 보인다

style='position:relative; top:-55px; margin-bottom: -55px;' 

. 이미지를 쌓을 수있는 멋진 CSS 방법이 있나요? 크기 나 순서를 변경할 때 모든 이미지의 스타일을 스캔하고 편집 할 필요가 없습니까?

감사합니다.

Answer 1

CSS :

<img alt='TableImage' width='50' height='50' style="border: 10px solid $userColor"/> 

Answer 2

귀하의 질문은 약간 불분명하지만, 대신 정적 이미지 주위에 10px의 테두리를 만들려면 이미지를 사용, 왜 그냥 당신이 원하는 각 이미지에 클래스를 추가하여 CSS를 사용 국경?

.staticImage { border: 10px solid <?php print $color; ?>; } 

쿠키 테두리에 원하는 색을 저장할 수 있습니다.