Jadual Kandungan
回复讨论(解决方案)
Rumah hujung hadapan web html tutorial 一个CSS图片显示的问题,急,一直卡在这了_html/css_WEB-ITnose

一个CSS图片显示的问题,急,一直卡在这了_html/css_WEB-ITnose

Jun 24, 2016 pm 12:13 PM

CSS路径都对,并且从html都能正确的读出除了图片链接意外的全部部署信息,但是就是没法显示图片,各种方式的链接地址都试过了,还是没有,
我的工程目录结构为   myweb/images/(放图片)   myweb/css/(css配置文件)  myweb/webcontent/(html,jsp等)
下面为一小部分的代码,看看到底是什么错呢?

body{background:url(../images/bg.jpg) center top no-repeat; background-color:#eff3f6;}.x_key{background:url(images/key.jpg) 0 2px no-repeat; width:8px; height:13px; float:right; overflow:hidden;_margin-top:-1px;}.ms_head{margin:auto auto 45px; width:960px;  color:#ffffff;height:70px;}.ms_head .nav_2{background:url(images/app_merge_20120208.png)  no-repeat; width:162px; height:28px; float:left; margin-left:30px; font-size:15px; line-height:28px;margin-top: 10px;}.ms_head .nav_m9{background-position: 0 0;}.nav_m9 a{color:#7ccbf7  !important;text-decoration: none !important;}.ms_head .nav_m8{background-position: 0 -33px;}.nav_m8 a{padding-left:10px;color:#7ccbf7 !important;}.ms_head .x_top{padding-top:7px; line-height:14px; width:70%; overflow:hidden;color:#FFF !important;float: right;}.ms_head .x_top a:visited{color:#FFF;}.x_top a:link{color:#FFF;}.ms_head .x_bottom{float:left; line-height:40px;height:40px;_height:90px; width:840px;;postion:relative;left:0;top:0;}.ms_head .op_nav{float:left;  margin-left:30px;position:relative;width:410px;}.op_nav li{float:left; line-height:50px; padding:0 7px;}.op_nav li a{color:#fff !important; font-size:16px;text-decoration:none;}.op_nav li a:hover{color:#d4efff !important;text-decoration:none;}.op_nav .x_sep{height:12px; border-left:1px solid #ABDCF6; font-size:0px; width:0px; float:left; margin-top:20px; overflow:hidden;}.op_nav .floatClass{background:url(images/nav_1.jpg)  5px 5px no-repeat;padding-right:15px;}.x_bottom .x_appName{float:left; font-size:14px;}.x_bottom .x_search{background:url(images/app_merge_20120208.png) -164px 0px no-repeat; width:179px; height:28px; float:right; overflow:hidden; margin-top:12px;}.x_bottom .x_search input{border:medium none; margin:7px 0 4px 10px; height:17px;line-height:17px;width:126px; float:left;color:#A1C8DB;}.x_bottom .x_search a{float:left; width:40px; overflow:hidden; height:28px;}.x_bottom  a:hover {text-decoration:none;}a.app_logoPaPa:hover{text-decoration:none;}.app_logo{background: url("images/app_logo.jpg") no-repeat scroll 0 0 transparent;background: url("images/app_logo.jpg") no-repeat scroll 0 0 transparent;color: #FFFFFF;cursor: pointer;float: left;font-size: 18px;height: 20px;margin-top: 20px;padding-top: 22px;text-decoration: none !important;width: 117px;color: #FFFFFF;cursor: pointer;float: left;font-size: 18px;height: 20px;margin-top: 20px;padding-top: 22px;text-decoration: none !important;width: 117px;}.x_top .x_link{float:right; overflow:hidden; padding:0 5px;}.x_sep{border-left:1px solid #ABDCF6; float:right; font-size:0px; width:0px; height:10px; margin-top:3px;_margin-top:1px; overflow:hidden;}.op_nav .bord_mid{float:left;width:100%;background:none repeat white;}.op_nav .current {background:transparent url(images/app_index.png) no-repeat scroll 3px 40px;}
Salin selepas log masuk


上面代码中第一句body{background:url(../images/bg.jpg) center top no-repeat; background-color:#eff3f6;}的背景颜色是完全能表现出来的,就是图片不行
而且除了上面所写的图片路径方式外,还一股脑试了一堆
有../../images/bg.jpg
images/bg.jpg
加引号"images/bg.jpg"


回复讨论(解决方案)

直接访问图片url能看到图片吗?

在html里面用同样的链接是能将背景显示的
直接访问图片url能看到图片吗?

看了一下午,终于解决了,还是谢谢了,给10分吧
直接访问图片url能看到图片吗?

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial Java
1655
14
Tutorial PHP
1253
29
Tutorial C#
1228
24
Adakah HTML mudah belajar untuk pemula? Adakah HTML mudah belajar untuk pemula? Apr 07, 2025 am 12:11 AM

HTML sesuai untuk pemula kerana mudah dan mudah dipelajari dan dapat melihat hasilnya dengan cepat. 1) Keluk pembelajaran HTML adalah lancar dan mudah dimulakan. 2) Hanya menguasai tag asas untuk mula membuat laman web. 3) Fleksibiliti yang tinggi dan boleh digunakan dalam kombinasi dengan CSS dan JavaScript. 4) Sumber pembelajaran yang kaya dan alat moden menyokong proses pembelajaran.

Memahami HTML, CSS, dan JavaScript: Panduan Pemula Memahami HTML, CSS, dan JavaScript: Panduan Pemula Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesOnhtml, CSS, andjavascript: 1) HtmlStructuresContent, 2) CSSStylesit, dan3) JavaScriptaddsInteractivity, Formingthebasisofmodernwebexperiences.

Peranan HTML, CSS, dan JavaScript: Tanggungjawab Teras Peranan HTML, CSS, dan JavaScript: Tanggungjawab Teras Apr 08, 2025 pm 07:05 PM

HTML mentakrifkan struktur web, CSS bertanggungjawab untuk gaya dan susun atur, dan JavaScript memberikan interaksi dinamik. Ketiga melaksanakan tugas mereka dalam pembangunan web dan bersama -sama membina laman web yang berwarna -warni.

Apakah contoh tag permulaan dalam html? Apakah contoh tag permulaan dalam html? Apr 06, 2025 am 12:04 AM

Anexampleofastartartingtaginhtmlis, yangbeginsaparagraph.startingtagsareessentialinhtmlasttheyinitiateelements, definetheirtypes, andarecrucialforstructuringwebpagesandconstructionthedom.

Bagaimana menggunakan CSS3 dan JavaScript untuk mencapai kesan penyebaran dan membesarkan gambar -gambar sekitarnya selepas mengklik? Bagaimana menggunakan CSS3 dan JavaScript untuk mencapai kesan penyebaran dan membesarkan gambar -gambar sekitarnya selepas mengklik? Apr 05, 2025 am 06:15 AM

Untuk mencapai kesan penyebaran dan membesarkan imej sekitarnya selepas mengklik pada imej, banyak reka bentuk web perlu mencapai kesan interaktif: klik pada imej tertentu untuk membuat sekitar ...

HTML, CSS, dan JavaScript: Alat penting untuk pemaju web HTML, CSS, dan JavaScript: Alat penting untuk pemaju web Apr 09, 2025 am 12:12 AM

HTML, CSS dan JavaScript adalah tiga tiang pembangunan web. 1. HTML mentakrifkan struktur laman web dan menggunakan tag seperti, dan sebagainya. 2. CSS mengawal gaya laman web, menggunakan pemilih dan atribut seperti warna, saiz font, dan lain-lain.

HTML: Struktur, CSS: Gaya, JavaScript: Tingkah Laku HTML: Struktur, CSS: Gaya, JavaScript: Tingkah Laku Apr 18, 2025 am 12:09 AM

Peranan HTML, CSS dan JavaScript dalam pembangunan web adalah: 1. HTML mentakrifkan struktur laman web, 2. CSS mengawal gaya laman web, dan 3. JavaScript menambah tingkah laku dinamik. Bersama -sama, mereka membina kerangka, estetika dan interaktiviti laman web moden.

Masa Depan HTML: Evolusi dan Trend dalam Reka Bentuk Web Masa Depan HTML: Evolusi dan Trend dalam Reka Bentuk Web Apr 17, 2025 am 12:12 AM

Masa depan HTML penuh dengan kemungkinan yang tidak terhingga. 1) Ciri -ciri dan piawaian baru akan merangkumi lebih banyak tag semantik dan populariti komponen web. 2) Trend reka bentuk web akan terus berkembang ke arah reka bentuk yang responsif dan boleh diakses. 3) Pengoptimuman prestasi akan meningkatkan pengalaman pengguna melalui pemuatan imej yang responsif dan teknologi pemuatan malas.

See all articles