如何更改图像上的文字？

Question

下面是图像，我在图像上有文字。我想知道如何改变图像上的文字。实际上其他人写了代码，我没有得到。请帮帮我朋友。

这是正在处理此问题的代码。

    <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>

Answer 1

看起来文字是图片的一部分。

因此您需要编辑实际图像并更改其中的文本。

如果您查看该页面中使用的样式表，您会发现类似于

的内容

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

Answer 2

看起来图像本身包含文本并通过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。

Answer 3

你不能！您必须在图像编辑器中编辑这些图像文件。选项卡中的文本未在html代码中编码。