簡體   English   中英

為什么背景圖片沒有出現在IE8上?

[英]Why isn't the background image appearing on IE8?

背景圖片沒有出現在IE8中,但在包括IE9在內的所有瀏覽器中都可以正常工作

相關CSS:

    #player {
      background: url('/images/tv-screen.jpg') center top repeat-x;
      padding: 25px 26px 0 -1px;
      width: 660px;
      height: 403px;
      border: #555 solid 1px;
      margin-top: 0;
      margin-bottom: 0;
    }

相關HTML:

     <p id="player">...//some data ..</p>

CSS看起來還不錯。

我認為IE8在標記本身上失敗: <p id="player> 。id屬性沒有結束符" 如果這導致該ID被誤解,則CSS選擇器將不匹配該ID。

問題是:iframe中有一個iframe擋住了背景,我不知道為什么,即使我用wmode = transparent制作了兩個iframe。

因此,我在IE中的js中最后一個iframe中創建的背景小於9。

謝謝你們的時間。

您使用的是正確的DOCTYPE嗎?

http://www.w3.org/QA/2002/04/valid-dtd-list.html

您是否嘗試過刪除設置的負填充。 這可能會導致ie7 / 8中出現問題。

為什么背景圖片沒有出現在我的內部<div> ?</div><div id="text_translate"><p> 我試圖為我的 web 頁面的這一部分放置一個背景圖像,我將我的圖像作為一個 id(水果),但它沒有出現。 這是我的代碼:</p><pre> &lt;div class="p-1 text-center bg-light" id="fruit"&gt; &lt;div class="col-md-6 mx-auto my-5"&gt; &lt;h1 class="display-4 font-weight-normal"&gt;TrendyEats&lt;/h1&gt; &lt;p class="lead font-weight-normal"&gt;The Latest Food Trends&lt;/p&gt; &lt;a class="btn btn-outline-secondary" href="#"&gt;Login&lt;/a&gt; &lt;p class="small pt-4"&gt;blablabla &lt;/p&gt; &lt;/div&gt; &lt;/div&gt;</pre><p> 水果 id 的 css 是:</p><pre> #fruit { background-image: url('/Pictures/fruits.jpg'); alt:"woops"; }</pre><p> “alt”也沒有出現。</p><p> 任何幫助表示贊賞,謝謝!</p><p> 編輯:已修復,看來我必須寫“Pictures/fruits.jpg”而不是“/Pictures/fruits.jpg”</p></div>

[英]Why isn't the background image appearing inside my <div>?

暫無
暫無

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

相關問題 IE8中停止顯示背景圖片 為什么背景圖片沒有出現在我的內部<div> ?</div><div id="text_translate"><p> 我試圖為我的 web 頁面的這一部分放置一個背景圖像,我將我的圖像作為一個 id(水果),但它沒有出現。 這是我的代碼:</p><pre> &lt;div class="p-1 text-center bg-light" id="fruit"&gt; &lt;div class="col-md-6 mx-auto my-5"&gt; &lt;h1 class="display-4 font-weight-normal"&gt;TrendyEats&lt;/h1&gt; &lt;p class="lead font-weight-normal"&gt;The Latest Food Trends&lt;/p&gt; &lt;a class="btn btn-outline-secondary" href="#"&gt;Login&lt;/a&gt; &lt;p class="small pt-4"&gt;blablabla &lt;/p&gt; &lt;/div&gt; &lt;/div&gt;</pre><p> 水果 id 的 css 是:</p><pre> #fruit { background-image: url('/Pictures/fruits.jpg'); alt:"woops"; }</pre><p> “alt”也沒有出現。</p><p> 任何幫助表示贊賞,謝謝!</p><p> 編輯:已修復,看來我必須寫“Pictures/fruits.jpg”而不是“/Pictures/fruits.jpg”</p></div> 為什么我的背景CSS圖像沒有出現在DIV中? 背景圖片未出現在我的網站上 背景圖片未出現在 Highcharts 中 為什么此JQuery代碼不能在IE8和IE9上運行? 圖像未出現在IE7或IE8中 IE7和IE8中不顯示背景圖像 IE8中的背景圖片外觀 在IE8中拉伸圖像作為背景
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM