網頁圖片顯示文字_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看起來眼花繚亂的。但只要做好了注釋，還是分得清楚的啦，主要是這樣弄看起來頁面整齊一點。

導航:首頁 > 文字圖片 > 網頁圖片顯示文字

網頁圖片顯示文字

與網頁圖片顯示文字相關的資料