您好,请问HTML中点击图片显示文字用title, 那么这显示的文字如何设置其大小呢?

html-css020

您好,请问HTML中点击图片显示文字用title, 那么这显示的文字如何设置其大小呢?,第1张

点击图片显示文字:

方法有2:

一是给图片加title,有点是操作简单,一般编辑器中上传图片时候,或在编辑器中进行图片编辑即可以设置。但这样显示的文字大小不好控制。

二、给图片加一个定位层。

现对于图片进行定位,这样div中的文字可以通过样式来进行控制。如下图:

用title当然不行,要用js+css才能实现,下面是个例子:

<img src="https://iknow-base.bj.bcebos.com/zhimatuanhuodong/XNRL-qb.png" onmouseover="pic2.style.display='block'" onmouseout="pic2.style.display='none'" />

<img id="pic2" src="https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/zhongqinglv/banner/270X140.jpg" style="display:none" />