未出現文字

由於某種原因，文本片段「測試」在Web瀏覽器中不呈現，唯一可見的是背景圖片。我怎麼解決這個問題？未出現文字

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <style type="text/css"> 
     html { 
      background: url(images/bg.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover; 
      -moz-background-size: cover; 
      -o-background-size: cover; 
      background-size: cover; 
     } 
     .boundary { 
      display:block; 
      width:260px; 
      float:left; 
      color:#FFFFFF; 
     } 
     .margin-right { 
      margin-right:10px; 
     } 
     <style> 
    </head> 
    <body> 
     <div class="boundary margin-right"> 
      testing. 
     </div> 
    </body> 
</html>

來源

2013-12-12 johnsonwi

添加'高度：100％'的'html' /'body'元素.. –

你沒有關閉您的</style>正確

<style> 
    html { 
     background: url(images/bg.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
    } 
    ....... 
    ....... 
</style>

來源

2013-12-12 17:52:30 Haji

@johnsonwi有你的風格 – Haji

感謝年底與嘗試，這是風格的標籤。 – johnsonwi

我不能重現該問題，請在此fiddle

It's工作得很好，你確定的路徑圖像OK ？

html { 
     background: url(http://www.wallng.com/images/2013/08/image-explosion-colors-background-beautiful-263613.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
    } 
    .boundary { 
     display:block; 
     width:260px; 
     float:left; 
     color:#FFFFFF; 
    } 
    .margin-right { 
     margin-right:10px; 
    }

來源

2013-12-13 00:25:55 ppollono

這是由於缺少樣式標記中的/ – johnsonwi

回答

相關問題