相對於靜態背景圖像位置的CSS位置文本

我想定位一些位於divs/spans內部的文本，該靜態背景圖像位於頁面底部。此文本位於div/span中，因爲每個字母都被旋轉以適合此靜態背景圖形的曲線，因此每個字母都是分開的。相對於靜態背景圖像位置的CSS位置文本

我會替代解決方案，但我不認爲我已經看到了沿矢量路徑或類似的東西繪製文本的方式，所以我想使用相對定位。

2012-08-15 afrotaint

截至目前，我有一個div中的每個字母，它使用絕對定位和旋轉效果和位置，我只是想要兼容性，它可能會更好地做相對於形狀（背景圖像）的定位。 – afrotaint 2012-08-15 20:32:39

除非您想使用畫布（see solution），否則最好使用絕對定位。

2012-08-15 20:18:02

這真的很酷，而且我確定我可以畫出適合我的形狀的線條，但是我可能最終會使用絕對定位，因爲我現在擁有它。如果使用絕對值與相對值是否存在兼容性問題？我注意到我的網站中的其他元素在使用絕對時在不同的地方收尾。 – afrotaint 2012-08-15 20:39:13

包裝需要位置：相對，它將自己設置爲絕對定位的孩子的原點。這是做到這一點的正確方法。 – 2012-08-15 20:48:33

回答