정적 배경 이미지 위치에 상대적인 CSS 위치 텍스트

divs/span 안에있는 텍스트를 페이지 맨 아래에있는 정적 배경 이미지의 모양을 따라 배치하고 싶습니다. 이 텍스트는 div/span 안에 있습니다. 왜냐하면 모든 문자가이 정적 배경 이미지 모양의 곡선에 맞춰 회전되기 때문에 분리되어 있기 때문입니다.정적 배경 이미지 위치에 상대적인 CSS 위치 텍스트

대체 솔루션이 필요 하겠지만 벡터 경로 또는 이와 비슷한 텍스트를 그리는 방법을 본 적이 없다고 생각합니다. 따라서 상대 위치 지정을 사용하고 싶습니다.

출처

2012-08-15 afrotaint

지금 당장은 절대 위치 지정과 회전을 사용하는 div 안에 각 문자가 들어 있습니다. 호환성을 위해 모양 (배경 이미지)과 관련된 위치 지정을 수행하는 것이 좋습니다. – afrotaint

캔버스 (see solution)를 사용하지 않으려면 절대 위치 지정을 사용하는 것이 좋습니다.

출처

2012-08-15 20:18:02

이것은 정말 멋지다. 그리고 나는 내 모양에 맞게 선을 그릴 수있을 것이라고 확신한다. 그러나 나는 지금 그것을 가지고있는 것처럼 절대적인 포지셔닝을 사용하게 될지도 모른다. 상대와 절대를 사용하면 호환성 문제가 있습니까? 나는 내 사이트의 다른 요소들이 절대적으로 사용될 때 다른 곳에서 감겨 있음을 알아 챘다. – afrotaint

래퍼에 position이 있어야합니다. relative, 절대 위치의 자식에 대한 원점으로 설정됩니다. 이것이 올바른 방법입니다. –

정적 배경 이미지 위치에 상대적인 CSS 위치 텍스트

답변

관련 문제