Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/svn/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何更改图像上的文本?_Html_Photoshop - Fatal编程技术网

Html 如何更改图像上的文本?

Html 如何更改图像上的文本?,html,photoshop,Html,Photoshop,下面是图片,图片上有文字。我想知道如何改变图片上的文字。实际上是别人写的代码,我不明白。朋友们,请帮帮我。 这是正在进行这项工作的代码 <div class="TabsV"> <div id="Tab0" class="TabV Selected" style="height: 86px;"> <a style="background-position: -8px -12px; padding-bottom: 70p

下面是图片,图片上有文字。我想知道如何改变图片上的文字。实际上是别人写的代码,我不明白。朋友们,请帮帮我。

这是正在进行这项工作的代码

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


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

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

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

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

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

它看起来像图像本身包含文本,并通过TabV类应用-注意背景位置坐标在一个选项卡和另一个选项卡之间的变化

如果查看CSS文件,您应该会看到如下内容:

.TabV 
{
    background-image: url(...)
}
因此,您需要做的是操纵用作背景的现有图像,并将您想要的文本添加到该图像中。然后需要修改相应锚元素的背景位置。使用jQuery实现这一点的一种方法是:

$('#Tab0').attr("background-position","-16px 20px;"); //-16px and 20px are just an example
其中
#Tab0
是第一个选项卡的css选择器#Tab1将是第二个选项卡的css选择器<代码>“#”映射到html标记中的
id=”“


这种技术本身被称为CSS精灵。你可以阅读更多关于这项技术的信息。

伙计,没有文本……你能发布源代码吗?你确定是这个角色吗?你确定没有其他脚本引用这些选项卡吗?@Alex好的,但是图像在JavaScript的帮助下是如何工作的???图像可能是由一些样式规则(CSS)定义的。检查样式表中的“Tab”。@Alex是的,知道了。图像由CSS定义。谢谢完成。所以,这是正确的解释。这是我需要的。你是对的。单个图像本身包含所有文本。我必须移动到正确的位置。非常感谢…-)