HTML广告CSS背景定位图标_Html_Css_Icons_Css Position

HTML广告CSS背景定位图标

html css

HTML广告CSS背景定位图标,html,css,icons,css-position,Html,Css,Icons,Css Position,我在我的网站上工作，事情是，我想设置一个图标作为te div“pagewrap”的背景纯粹由css制作，我似乎不知道自己做这件事，所以我希望你能帮我解决这个问题。我将发布该链接以获得更清晰的视图：以下是HTML： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <met

我在我的网站上工作，事情是，我想设置一个图标作为te div“pagewrap”的背景纯粹由css制作，我似乎不知道自己做这件事，所以我希望你能帮我解决这个问题。我将发布该链接以获得更清晰的视图：

以下是HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="css/media-queries.css" rel="stylesheet" type="text/css">

<title>Insert title here</title>
</head>
<body>
<!-- ### Page Wrap ### -->
<div id="pagewrap"> 

        <!-- ### Logo Bar ### -->
        <div id="logoBar">  
            <div class="helper">        
                <div class="logo"></div>
            </div>
        </div>

        <div style="clear:both;"></div>  
        <!-- ### Home Icon ### -->
        <div class="icon">
        <div class="home"></div>
        <div class="chimney"></div>
        </div>

        <!-- ### Side Bar ### -->
        <div id="sidebar">
            <div class="widget">
                <ul> 
                  <li style="border-top:0 !important;"><a href="">Acceuil</a></li> 
                  <li><a href="">Identification</a></li> 
                  <li><a href="">Mon Parcours</a></li> 
                  <li><a href="">Ma Formation</a></li> 
                  <li><a href="">Mes Projets</a></li> 
                  <li><a href="">Dossier de Veille</a></li> 
                  <li><a href="">Contact Me</a></li> 
                </ul>   
            </div>                  
        </div>

        <!-- ### Content ### -->
        <div class="contenu">
            <div class="post clearfix">                     
                    <h1 class="post-title"><a href="#">Acceuil</a></h1>                         
                <br/><p>Ici vous trouverez toutes les informations conçernant moi, mes études, mes projets et ma formation.</p>         
        </div>
</div>      
</div>          
</body>
</html>

最难的是什么？只需为您的

#pagewrap

添加

背景图像

，然后检查定位和重复就足够了

#pagewrap {
  background-image: url('YOUR_ICON');
  ...
}

还要检查此文档：

但这张不是图像问题所在，如何将div设置为所有div的背景@nightire@user3410718其他子div没有背景色/图像，则父div将是公共背景。

#pagewrap {
  background-image: url('YOUR_ICON');
  ...
}