.yangshi{
float:left;
width:386px;
height:62px;
background-repeat:repeat;
background-attachment:fixed;
background-position:0% 0%;
background-image:url(img/logo (558).gif)
z-index:1
}
为何在网页中背景图片无法显示?
图片路径已经确认过没有问题。
回复讨论(解决方案)
logo (558).gif 文件名中有空格
也不行,我改成background-image:url(img/21.jpg),一样不会显示
路径名肯定有问题
试过了,跟在Dreamwaver里面的提示,点击浏览选择的图片,路径应该不会有问题吧
Dreamweaver实际应用中不可能什么都是绝对正确的。
建议先认真再检查一次路径问题,其二再把文件名修改下,要知道,规范的文件名,是网页文件整齐有序的前提
最大的可能就是路径问题
不会显示是不是显示个红叉,你右键-属性,确认下那个路径是不是有问题
目测没加分号,或者用FIREBUG看看能不能读取到,或改成../img/***试试
很明显,background-image属性没用分号结尾。
很明显,background-image属性没用分号结尾。
是滴,少了个;号
路径img前少了个/,应该是background-image:url(/img/logo (558).gif)
你用的图片可能是CMYK模式的,这个IE浏览器好像不能渲染,RGB是才对。
图片属性设置的时候没有分号,应该是识别不出来的。
而且图片后面的那个tab设置应该也是没有作用的。
测试一下吧。
将你的 图片 拉进 浏览器中 ,会显示一个路径,复制,粘贴,完事
background-position:0% 0%;去掉这个试试。
应该是路径问题。。。,还有就是那个background-image属性没用分号结尾,路径不对的可能行大
background-image:url('img/logo (558).gif'),要加个引号
还有gif文件是动态图片,估计是不得行的,以前测试过
你可以右击图片,打开方式-》Internet Explorer,然后看是不是能够在ie下显示(不能正常显示,即便是路径正确也没有用,正如上面所说rgb模式的图片才能显示正常)
结果是什么回事,还真多人回复,,本人也觉得是路径问题。
我昨晚已经回复了,可是今天没看到我的回复,重新回复一下:
1,路径不正确:这个楼主要自己检查了!
2,右击图片,打开方式-》在Internet Explorer里面打开,看此刻gif图片能否打开,如果此刻gif图片打不开,说明此图片的模式不是网页识别的rgb模式,在psd里面,图像-》模式?》RGB颜色即可!
添加图片后面没有用“;”结尾,,,手写才是王道。
background-repeat:repeat;
background-attachment:fixed;
background-position:0% 0%;
先把这些去掉一点一点的试试啊
我也出现这个毛病了,路径也是对的,如果只用background就可以显示出来了
正解 很明显,background-image属性没用分号结尾。
路径最前面少个'/'

HTML、CSS和JavaScript在網頁開發中的作用分別是:1.HTML用於構建網頁結構;2.CSS用於美化網頁外觀;3.JavaScript用於實現動態交互。通過標籤、樣式和腳本,這三者共同構築了現代網頁的核心功能。

設置標籤的lang屬性是優化網頁可訪問性和SEO的關鍵步驟。 1)在標籤中設置lang屬性,如。 2)在多語言內容中,為不同語言部分設置lang屬性,如。 3)使用符合ISO639-1標準的語言代碼,如"en"、"fr"、"zh"等。正確設置lang屬性可以提高網頁的可訪問性和搜索引擎排名。

htmlattributeseresene forenhancingwebelements'functionalityandAppearance.TheyAdDinformationTodeFineBehavior,外觀和互動,使網站互動,響應式,visalalyAppealing.AttributesLikutesLikeSlikEslikesrc,href,href,href,類,類型,類型,和dissabledtransfransformformformformformformformformformformformformformformforment

toCreateAlistInHtml,useforforunordedlistsandfororderedlists:1)forunorderedlists,wrapitemsinanduseforeachItem,RenderingeringAsabulletedList.2)fororderedlists,useandfornumberedlists,useandfornumberedlists,casundfornumberedlists,casundfornthetthetthetthetthetthetthetttributefordforderfordforderforderentnumberingsnumberingsnumberingStys。

HTML用於構建結構清晰的網站。 1)使用標籤如、、定義網站結構。 2)示例展示了博客和電商網站的結構。 3)避免常見錯誤如標籤嵌套不正確。 4)優化性能通過減少HTTP請求和使用語義化標籤。

toinsertanimageIntoanhtmlpage,usethetagwithsrcandaltattributes.1)usealttextforAcccessibilityandseo.2)instementRcsetForresponSiveImages.3)applylazyloadingWithLoadingWithLoading =“ lazy” tooptimizeperformance.4)tooptimizeperformance.4)

HTML的核心目的在於讓瀏覽器理解並展示網頁內容。 1.HTML通過標籤定義網頁結構和內容,如、到、等。 2.HTML5增強了多媒體支持,引入了和標籤。 3.HTML提供了表單元素,支持用戶交互。 4.優化HTML代碼可提升網頁性能,如減少HTTP請求和壓縮HTML。

htmltagsareessentialforwebdevelopmentastheyandendenhancewebpages.1)semantictagsimproveaccessibilityandseo.2)semanteLayOut,語義和互動性。 3)poseriblesibilityandseoandseo.3)poseriblesoftagscanoftagscanoftagscanoptagscanoptimizeperefeneandimizeanDenSuroceRecRoscRoss-BrowserCrowserCercerComercompatibility。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

禪工作室 13.0.1
強大的PHP整合開發環境

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!