-1

下面是图片，我在图片上有文字。我想知道如何更改图像上的文本。实际上是其他人编写了代码，而我没有得到。请朋友帮帮我。 在此处输入图像描述

这是正在处理的代码。

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

3 回答 3

1

看起来文本是图像的一部分。

因此，您需要编辑实际图像并更改那里的文本。

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

.TabV a{
   /*in here you will see the url of the image being used
   background:...
   or background-image: url('..');
   */
}
于 2012-11-20T10:59:55.063 回答
1

看起来图像本身包含文本，它是通过 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>"映射到id="<something>"html 标记中。

该技术本身被称为 CSS sprites。您可以在此处阅读有关此技术的更多信息。

于 2012-11-20T11:05:00.020 回答
0

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

于 2012-11-20T10:58:23.110 回答