在聲明HTML 5 DTD一些CSS樣式不計算任何瀏覽器

頂部和右側風格的「＃幫助」沒有在任何瀏覽器上計算DOCTYPE聲明作爲 HTML代碼：在聲明HTML 5 DTD一些CSS樣式不計算任何瀏覽器

<div id="events"> 
     <img src="media/Event icon.png" alt="events" id="events_img"> 
    </div> 
    <div id="colors" > 
     <img src="media/CULTURAL.png" alt="Colours" id="Colors_img"> 
    </div> 
    <div id="hospitality"> 
     <img src="media/117016-matte-blue-and-white-square-icon-business-notepad.png" alt="hospitality" id="hospitality_img"> 
    </div> 
    <div id="help"> 
     <img id="help_img" src="media/Help.png" alt="help"> 
    </div> 
    <img src="media/cadbell.fw.png" alt="cadbell" id="cadbell"> 
    <img src="media/cadbell2.fw.png" alt="cadbell" id="cadbell2"> 
    <img src="media/Bird-blue-icon.png" alt="angry bird" id="angry_bird"> 

    <div id='bottom-div'></div> 


     <img src="media/stick.fw.png" alt="stick" id="stick"> 
     <span id="dev"><b>Developed by:&nbsp </b><a href='#'>D Akhil Reddy</a></span> 
    </div> 
</div>

我有隻給出CSS樣式＃幫助和其子元素#help_img，頂部和右側都沒有工作， CSS樣式＃幫助的：

#help{ 
position: absolute; 
right: 320; 
top: 390; 
cursor: pointer; 
width: 137px; 
} 
#help_img{ 
position:absolute; 
left:10px; 
}

來源

2013-05-22 akhil

沒有「html 5 DTD」。你可能意味着你在頁面的開頭插入了字符串「<！doctype html>」。 –

在Quirks Mode，CSS聲明一樣right: 320解釋所以暗示了px單位。這違反了CSS規範，這要求忽略這些聲明。

如果你把<!doctype html>或任何其他的doctype字符串觸發標準模式，事情可能會改變很多，如果CSS代碼有錯誤。

解決方案是修復CSS代碼。在這種情況下，用320px和390px代替320和390就足夠了。使用W3C CSS Validator檢查您的CSS代碼。

來源

2013-05-22 05:02:38

謝謝你的工作 – akhil

在聲明HTML 5 DTD一些CSS樣式不計算任何瀏覽器

回答

相關問題