如何更改圖片上的文字？

-1

下面是圖像，我在圖像上有文字。我想知道如何改變圖像上的文字。其實有人寫了代碼，我沒有得到。請幫我把朋友。 enter image description here 如何更改圖片上的文字？

而這是正在處理這個問題的代碼。

<div class="TabsV"> 
     <div id="Tab0" class="TabV Selected" style="height: 86px;"> 
      <a style="background-position: -8px -12px; padding-bottom: 70px;" href="javascript: SelectTab(0)"></a> 
     </div> 
     <div id="Tab1" class="TabV" style="height: 116px;"> 
      <a style="background-position: -40px 0px; padding-bottom: 100px;" href="javascript: SelectTab(1)"></a> 
     </div> 
     <div class="TabVEmpty" style="height: 50px;"></div> 
    </div>

來源

2012-11-20 Arpit Gupta

夥計沒有文字... –

你可以發佈消息嗎？你確定這是部分？你確定沒有其他腳本指向這些標籤嗎？ –

@Alex好吧，但圖像如何與JavaScript的幫助？ –

你不能！您必須在圖像編輯器中編輯這些圖像文件。標籤中的文字不是在html代碼中編碼的。

來源

2012-11-20 10:58:23

它看起來像文字是圖像的一部分。

因此，您需要編輯實際圖像並更改其中的文字。

如果你看一下在頁面中使用，你會發現類似的東西樣式表

.TabV a{ 
    /*in here you will see the url of the image being used 
    background:... 
    or background-image: url('..'); 
    */ 
}

來源

2012-11-20 10:59:55

賓果..謝謝.. –

它看起來像圖像本身包含文本，並通過TabV類應用 - 注意一下背景位置協調一個標籤和另一個標籤之間的變化。

如果你在你的CSS文件，您應該看到類似：

.TabV 
{ 
    background-image: url(...) 
}

你需要做什麼，因此，是操縱作爲背景現有的圖像，並添加你想要的文字圖片。然後你需要修改相應的錨點元素的背景位置。要做到這一點與jQuery的一個方法是：

$('#Tab0').attr("background-position","-16px 20px;"); //-16px and 20px are just an example

哪裏#Tab0是第一標籤中的CSS選擇器。＃Tab1將是第二個標籤的css選擇器... "#<something>"映射到html標記中的id="<something>"。

該技術本身被稱爲CSS sprites。你可以閱讀更多關於這項技術here。

來源

2012-11-20 11:05:00 Icarus

所以，這是正確的解釋。我需要哪些。你說得對。單幅圖像本身包含所有文字。我必須進入正確的位置。非常感謝.. :-) –

如何更改圖片上的文字？

回答

相關問題