目录
回复讨论(解决方案)
首页 web前端 html教程 background-image:url(XXXX.gif)为何不显示背景图片_html/css_WEB-ITnose

background-image:url(XXXX.gif)为何不显示背景图片_html/css_WEB-ITnose

Jun 24, 2016 pm 12:08 PM

.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属性没用分号结尾。

路径最前面少个'/'

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系统,解释
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1675
14
CakePHP 教程
1429
52
Laravel 教程
1333
25
PHP教程
1278
29
C# 教程
1257
24
HTML:结构,CSS:样式,JavaScript:行为 HTML:结构,CSS:样式,JavaScript:行为 Apr 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web开发中的作用分别是:1.HTML定义网页结构,2.CSS控制网页样式,3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

HTML,CSS和JavaScript的未来:网络开发趋势 HTML,CSS和JavaScript的未来:网络开发趋势 Apr 19, 2025 am 12:02 AM

HTML的未来趋势是语义化和Web组件,CSS的未来趋势是CSS-in-JS和CSSHoudini,JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果,Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积,CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡,Serverless简化开发但需优化冷启动问题。

HTML的未来:网络设计的发展和趋势 HTML的未来:网络设计的发展和趋势 Apr 17, 2025 am 12:12 AM

HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。

HTML与CSS vs. JavaScript:比较概述 HTML与CSS vs. JavaScript:比较概述 Apr 16, 2025 am 12:04 AM

HTML、CSS和JavaScript在网页开发中的角色分别是:HTML负责内容结构,CSS负责样式,JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容,确保语义化。2.CSS通过选择器和属性控制网页样式,使其美观易读。3.JavaScript通过脚本控制网页行为,实现动态和交互功能。

HTML与CSS和JavaScript:比较Web技术 HTML与CSS和JavaScript:比较Web技术 Apr 23, 2025 am 12:05 AM

HTML、CSS和JavaScript是构建现代网页的核心技术:1.HTML定义网页结构,2.CSS负责网页外观,3.JavaScript提供网页动态和交互性,它们共同作用,打造出用户体验良好的网站。

HTML:是编程语言还是其他? HTML:是编程语言还是其他? Apr 15, 2025 am 12:13 AM

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增强WebevebDevelopment。

超越HTML:网络开发的基本技术 超越HTML:网络开发的基本技术 Apr 26, 2025 am 12:04 AM

要构建一个功能强大且用户体验良好的网站,仅靠HTML是不够的,还需要以下技术:JavaScript赋予网页动态和交互性,通过操作DOM实现实时变化。CSS负责网页的样式和布局,提升美观度和用户体验。现代框架和库如React、Vue.js和Angular,提高开发效率和代码组织结构。

&lt; strong&gt;,lt; b&gt;有什么区别标签和lt; em&gt;,&lt; i&gt;标签? &lt; strong&gt;,lt; b&gt;有什么区别标签和lt; em&gt;,&lt; i&gt;标签? Apr 28, 2025 pm 05:42 PM

本文讨论了HTML标签,和和关注其语义与表现用途及其对SEO和可访问性的影响之间的差异。

See all articles