2012-07-17 6 views
0

사용자가 웹 사이트에 이미지를 쉽게 포함시킬 수있는 코드 생성기를 만들었습니다. 그러나이 웹 사이트에서는 입력 상자에 붙여 넣은 모든 코드에서 모든 CSS 스타일 속성과 JavaScript를 제거합니다.위치 시뮬레이션 : CSS를 사용하지 않고 z- 인덱스 절대 값 이상?

이것은 페이지에서 생성 된 이미지 아래 또는 위에 로고를 표시해야한다는 것을 의미합니다. 내 로고를 이미지 위 (상단 왼쪽 모서리에 표시)에 표시하고 싶습니다. CSS를 사용하면 position:absolutez-index:2으로 스타일을 지정하여 해당 효과를 생성 할 수 있습니다. 하지만 장애인 CSS 때문에 그렇게 할 수는 없습니다.

CSS 또는 JavaScript (HTML 만 사용)를 사용하지 않고 내 로고가 내 미디어에 겹쳐 지도록 생각할 수있는 방법이 있습니까? 한마디로

답변

1

CSS가 없으면 마크 업이 흐르게됩니다. CSS 없이는 할 수 없습니다.

+0

그게 내가 생각한 것입니다. 답변과 확인을 보내 주셔서 감사합니다! – Wagtail

1

: 당신은 CSS를하지 않고 당신이 위에서 아래로 순서를 선택하여 제외하고 원하는 방식으로 HTML 요소를 배치 할 수

번호 (즉, 귀하의 HTML 구조의 순서와 동일 할 것). 따라서 오버레이는 불가능합니다.

1

조금 미치고 싶다면 PHP의 GD Image 라이브러리를 사용하여 로고를 맨 위에 병합 할 수 있습니다. 작년에 클라이언트를 위해 내가 아바타 제작자가 이미지 레이어를 병합하여 사람들이 다운로드 할 수있는 하나의 최종 사진으로 만들길 원했던 점을 들어 봤습니다. 최종 결과는 꽤 굉장했습니다.

http://php.about.com/od/advancedphp/ss/gd_library.htm

+0

아, 내 웹 사이트에서만 PHP를 사용할 수 있습니다 :-(나는 가난한 프로그래머입니다 ... – Wagtail

+0

어떤 종류의 호스팅이 PHP를 허용하지 않는지 모르지만 http : //와 같이 사용할 수 있습니다. www.000webhost.com/. 서버를 군중에 넘기므로 실제로 빠르지는 않지만 PHP와 MySQL을 사용할 수 있습니다. –

0

표 배경은 서로의 상단에 이미지를 오버레이 할 수 있습니다. 다음 예제는 이미지를 10 픽셀 씩 오프셋합니다.

<html><body> 
<table background='image_one.png'><tr><td width='10'></td> 
<td><img src='image_two.png'></td> 
</tr></table> 
</body></html> 
+0

유일한 문제는 웹 사이트가

태그를 받아들이지 않는 것입니다. 위대하고 교활한 속임수입니다! – Wagtail

+0

프레임이 문제가 있다고 가정합니다. –

+0

@Jonathan. 배경은 비표준 속성입니다. –

관련 문제