html点击图片显示文字代码，html点击图片出现文字

html点击图片弹出文字框

鼠标移动到图片上，显示文字，简单的方法是利用“title”。

打开dw，选择新建一个HTML的页面。在新建的页面中，在代码body中添加内容。在里面写上一个文本框，在文本框中写上文字“这是文本框的内容”。然后ctrl+s保存到别的地方去，或者另保存到桌面也可以。

你这个现实文字，需要跟图片对应~~~例如：给每段文字加class：word_01 ，word_o2，word_03……然后展示图片的时候 根据index判断，现实相对应的那段文字。可以用jQuery实现。

弹出层的z-index属性值改为9999试试。

直接在编辑器里是不能直接做这种效果的。要结合js来做的。

相关问答

Q1: 求点击【查看大图】后图片右边能出现文字的HTML/CSS代码

1、你这个现实文字，需要跟图片对应~~~例如：给每段文字加class：word_01 ，word_o2，word_03……然后展示图片的时候 根据index判断，现实相对应的那段文字。可以用jQuery实现。

2、首先，打开html编辑器，新建html文件，例如：index.html。

3、直接在编辑器里是不能直接做这种效果的。要结合js来做的。

4、divs{ width：300px； height：225px； margin-left：50px} /style img src=5_20100315100353_t1sng.jpg onclick=showbig() / div id=divs /div 这只是简单的设置，如果是其他要求你可以详细的说下。

Q2: html怎么在图片上用代码写上文字

在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字。在CSS中对文字图片进行简单样式添加。效果如图所示；大盒子使用描边显示，里面包含了图片和下面的文字。

在div里面书写了一些文字，然后想要在放入一张图片。首先，我们应该先给div设置宽度和高度，保证文字有一个范围。然后通过background给div添加一张图片作为它的背景。

思路：两种方法。把图片设置成背景，然后直接写文字即可。

编写html代码时，在图片上加文字实质就是通过css样式设置文字的背景是图片。

用div+css就可以实现 图片是一层，文字是一层 当两层的位置是一样的时候，就会出现图片上有文字等信息了。

html点击图片显示文字代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html点击图片出现文字、html点击图片显示文字代码的信息别忘了在本站进行查找喔。