如何在上面加文字？

dmmd 2007-12-07 01:10:17

如何在<img> 上面加文字？

...全文

1759 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

cd_ch 2007-12-08

打赏
举报

好像只能用js才能实现了哈

nicholsky 2007-12-08

打赏
举报

楼上的说得对。楼主想显示图片的loading，得用一段JS实现loading，真正的loading不好找。

韦斯利男孩 2007-12-08

打赏
举报

这个要求有点苛刻了吧，再说也不可能引人注意的，不就是一图片嘛，于整个网站来说，也太不显眼了，又不是什么falsh动画什么的！

yixianggao 2007-12-08

打赏
举报

To dmmd

干嘛把简单问题复杂化，还加载数字，你当flash呀！

在td里放个loading的gif图片就行了，很多图片网站都这么处理！

不嫌麻烦你就自己弄吧，估计根本没人去注意那个数字，
因为用户要看滴是图片，而不是什么数字！！！

img上有个fileSize，俺没用过，自己试试看吧！

dmmd 2007-12-07

打赏
举报

谢谢楼上的热心帮助，不过我要的是，图片加载的同时，在图片上面的加载的数字同时变化，而不是加载完后才显示图片，

tyb1222 2007-12-07

打赏
举报

用css可以做到的..用filter这个..

yixianggao 2007-12-07

打赏
举报

L@_@K

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>css.textFloatOnImg.html</title>

    <meta name="generator" content="editplus" />

    <meta name="author" content="Gao YiXiang" />

    <meta name="email" content="yixianggao@126.com" />

    <meta name="keywords" content="javascript dhtml dom" />

    <meta name="description" content="I love web development." />

    <style type="text/css">

*

{

    margin: 0;

    padding: 0;

}

.container

{

    border: 1px dotted red;

    width: 200px;

    height: 100px;

}

.container img

{

    padding: 1px;

    border: 1px dotted blue;

}

.container .loading

{

    position: absolute; 

    z-index: 100;

    width: 100%; 

    background-color: #ffffff;

    color: #0096ff;

    filter: alpha(Opacity=80);

}

    </style>

</head>

<body>

<br /><br />

<div class="container" align="center">

    <div id="divLoading" class="loading">

        <table cellpadding="0" cellspacing="0" border="0" width="100%">

            <tr>

                <!-- 宽度与 container 一致！，td 里随便放！ -->

                <td height="100px" valign="middle" align="center">

                WELCOME TO CSDN<br />

                Loading ... ...<br /></td>

            </tr>

        </table>

    </div>

    <table height="100%" width="100%" border="0">

        <tr>

            <td align="center">

                <!-- 下载完毕后隐藏 divLoading -->

                <img src="http://www.csdn.net/Images/logo_csdn.gif" onload="divLoading.style.display='none';" />

            </td>

        </tr>

    </table>

</div>

</body>

</html>