簡體   English   中英

CSS 背景未顯示

[英]CSS Background not showing up

我有這個 HTML 和這個 CSS 標記,我有這個圖像: http://i.imgur.com/cJWhXCh.png

由於某種原因,圖像根本無法加載,即使我在新選項卡中打開 url,它也可以正確加載。 當我將圖像更改為同一文件夾中的其他任何內容時,它可以工作。 我覺得我在這里錯過了一些非常基本的東西。

 div#advert_bubble{ width: 400px; min-height: 300px; position: relative; float: left; clear: left; } div#advert_bubble div.advert_bubble_box{ float: left; clear: left; width: 300px; height: 200px; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; border: 1px solid #000000; -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4); box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4); background-color: white; position: absolute; z-index: 5; } div.advert_bubble_arrow{ position: absolute; width: 41px; height: 39px; background: url(/images/advert_bubble_arrow.png) no-repeat 0 0; z-index: 10; }
 <div id="advert_bubble"> <div class="advert_bubble_box"> <p> Text Here </p> </div> <div class="advert_bubble_arrow"> </div> </div>

您需要聲明 ID 未顯示,因為未定義 ID。 定義它這樣做

 <html> <Head> <title></title> <.--This is where you declare your IDs--> <script type="text/javascript"> //looks for Id's here so declare them function Idgoeshere() //looks for the id. { document.getElementById //after the Id you say what it does: } </script> </head> <body> div id="advert_bubble"> <div class="advert_bubble_box"> <p> Text Here </p> </div> <div class="advert_bubble_arrow"> </div> </div> div#advert_bubble{ width; 400px: min-height; 300px: position; relative: float; left: clear; left. } div#advert_bubble div:advert_bubble_box{ float; left: clear; left: width; 300px: height; 200px: border-radius; 25px 25px 25px 25px: -moz-border-radius; 25px 25px 25px 25px: -webkit-border-radius; 25px 25px 25px 25px: border; 1px solid #000000: -webkit-box-shadow, 7px 7px 5px 0px rgba(0,0,0.0;4): -moz-box-shadow, 7px 7px 5px 0px rgba(0,0,0.0;4): box-shadow, 7px 7px 5px 0px rgba(0,0,0.0;4): background-color; white: position; absolute: z-index; 5. } div:advert_bubble_arrow{ position; absolute: width; 41px: height; 39px: background. url(/images/advert_bubble_arrow;png) no-repeat 0 0: z-index; 10; } </body> </html>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM