网页图片显示文字_html+css怎么在图片上添加文字

❶ 为什么的我网页显示不出图片，只有文字

……》无法正常浏览器网页中的图片，主要有一些几点原因。
……》Ie缓存文件太多。
…（※）清除IE缓存方法：
①打开IE。在“工具”菜单上，单击“Internet
选项”。
②在弹出窗口中，单击“常规”选项卡，在“Internet
临时文件”下。单击“删除文件”。
③然后在弹出窗口中，钩选“删除所有脱机文件”。单击“确定”。
④单击“删除
Cookies”。单击“确定”。
⑤在“历史记录”下，单击“清除历史记录”，然后单击“是”。单击“确定”。
部分浏览器如傲游等禁止下载图片，从相关设置里面取消图片下载的相关禁止。
部分IE插件禁止了图片下载，例如瑞星卡卡助手。在这些插件的设置里面取消相关禁止。
安装了太多的插件，导致IE运行效率太低。建议使用《360安全卫士》进行插件的清理，并进行适当的IE修复。

❷ 制作网页时，鼠标移动到某张图片后，会有文字显示，要怎样做，我使用的软件是DREAMWEAVER8

加入代码：
<img src="//图片路径" title="//显示文字" />
上述位置加入路径和文字即可。去掉//。

❸ 设置文字后,当图片不能下载时,会在图片的位置上显示文字

系统属性。
1、如果图像没有下载或者加载失败，会用文字来代替图像显示。
2、这一作用是为了给加载不出网页图片的用户提供图片信息，方便用户浏览网页，也方便程序猿维护网页。
3、而系统的alt属性的作用是在浏览器无法显示图片的时候，用alt中的文字替代。

❹ 网页打开慢，而且有图片的网页只显示文字，怎么解决

关于网页打开后没背景的问题
问题描述：IE打开网页后只有白色的背景，图片，FLASH也能正常显示，各个版面的都是线条隔开的，把插件全部禁止之后还是那样，用FIREFOX打开网页也是这样，确定应该不是恶意插件的原因，重装了IE情况没有改变
（来源：u大师）
解决方案：
这种现象会有两种因素，但表现是不一样的
第一种就是只是背景没了而已，字体什么的都没改变，这只有一个原因那就是对比度选项的原因了。
控制面板——辅助功能选项——显示——高对比度，，把勾取消了就应该能恢复了。
第二种是背景是白色的或者其他颜色的，当然不是自己调的那种，字体也有所改变，这时可能会是因为你的主题元素或者IE设置，具体解决办法换个主题，但大多数不是这种原因的，还有就是打开IE，工具——internet选项——常规——颜色——选定使用windows颜色就行了，同时把常规——辅助功能选项里的忽略...都取消确定就行了！

❺ 网页怎么做鼠标移到图片就显示文字

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标移到图片上显示文字效果</title>
<style>
.bot .sendList {
margin-right:6px
}
.explore {
width:936px;
margin:20px auto 0;
overflow:hidden;
position:relative;
font-size:0px;
}
.explore li {
width:160px;
height:150px;
overflow:hidden;
display:inline-block;
position:relative;
}
.explore li {
*display:inline;
}
.explore li .wqPic {
width:160px;
height:150px;
overflow:hidden;
}
.explore .wqLink {
display:block;
width:160px;
height:150px;
color:#FFF;
text-align:center;
font-family:"微软雅黑"
}
.explore .wqItem .wqName {
position:absolute;
bottom:0;
left:0;
width:130px;
height:40px;
line-height:40px;
font-size:16px;
overflow:hidden;
padding:0 10px;
}
.explore .wqItem .bg {
background:#333;
opacity:0.8;
filter:alpha(opacity = 80);
position:absolute;
bottom:0;
left:0;
width:150px;
height:40px;
}
.explore .wqLink:hover {
cursor:pointer;
text-decoration:none;
}
.explore .wqLink:hover .wqItem .bg {
height:150px;
}
.explore .wqLink:hover .wqItem .wqName, .explore .detail {
visibility:hidden;
}
.explore .wqLink:hover .detail {
visibility:visible;
}
.explore .detail {
background:#000;
position:absolute;
top:128px;
left:0;
width:160px;
line-height:22px;
height:22px;
font-size:12px;
filter:alpha(opacity = 65);
}
.explore .detail .wqName {
font-size:16px;
padding:0 10px;
line-height:22px;
}
.explore .detail .info {
margin-top:10px;
}
</style>
</head>
<body>
<div id="topWrap">
<div class="wqSquare">
<div class="explore">
<ul>
<li> <a onmousedown="MI.Bos('wQBtnBigImgQun')" href="#" class="wqLink">
<div class="wqItem"> <img src="/img/2.jpg" class="wqPic" /> </div>
<div class="detail">
<div class="wqName">Boaer.com</div>
</div>
</a> </li>
</ul>
</div>
</div>
</div>
</body>
</html>

❻ 网页设计中如何让把文字放在图片上显示

把图片设为背景即可，以下是修改后的代码<html>
<head>
<title>框架</title>
<style>
.father{
width:500px;
height:250px;
border:1px
solid
#f76f01;
background-color:#ffffff;
}.son1{
float:left;
font:12px;
height:
}
</style>
</head>
<body>
<div
class="father"><div
class="son1"
style="background-image:url(image/1.jpg);width:100%;height:50px">把此文字放在上面的粗条上</div>
</div>
</body>
</html>

❼ 如何在网页中让滚动的图片显示文字

显示图片的代码里面有一个alt属性这个就是显示你说的该张图片的文字说明的部分给你一段参考代码
<img src="images/1.jpg" alt="图片说明文字"/>

alt里面的说明就是目录images下面图片1的说明文字

❽ 网页制作中，要在图片上显示文字，怎样做

在表格里的属性中你把背景设置成你需要的图片然后写文字就行了

❾ 鼠标点击图片后能够显示出文字的网页代码

只要单击图片，就会弹出一个对话框，在对话框中显示你要显示的文字
<html>
<head>
<script
language="vbscript">

</script>
</head>
<body>
<a
href=#
name=ty><img
src="你要显示的图片"></a>
</body>
</html>

❿ html+css怎么在图片上添加文字

要在图片上显示文字，还要在放大缩小的时候文字不到处乱跑，这个就要用盒模型里面的大盒子套小盒子的方法了。下面举个小例子给你看看。

html大致样子：

<body>

</div>

<div id="wenzi">这里是文字</div>

</div>

</body>

css文件：

#box1{

position:relative;

width:500px;

height:500px;

margin:0 auto;

}

#box2{

position:relative;

width:100%;

height:100%;

}

img{

position:relative;

clear:both;

width:100%;

height:100%;

}

#wenzi{

position:relative;

clear:both;

width:100%;

top:-50%;

text-align:center;

color:black;

font-size:2em;

}

效果图片：

用这种方法有个好处，就是做响应布局的时候，或者用户在浏览器上放大缩小的时候，网页整体也跟着放大缩小，不会元素到处乱跑或者某个文字跑出来，这样看起来整体感要强烈一点。

这种做法的不足之处：div盒子有点多，html代码看起来比较臃肿，大盒子套着小盒子。做大页面的时候一个htm看起来眼花缭乱的。但只要做好了注释，还是分得清楚的啦，主要是这样弄看起来页面整齐一点。

导航:首页 > 文字图片 > 网页图片显示文字

网页图片显示文字

与网页图片显示文字相关的资料