背景画像の属性は、コンテンツ要素のないブロックは、伸延高さではありません。この効果を達成するために、通常で:前に記入します後、。
.teamDiv { 背景:URL(/image/home_team.jpg) 。 背景リピート:なしリピート ; 背景サイズ:100%100% 。 背景位置X:センター ; マージン:0自動 ; } 後.teamDiv :: { 内容:"" 。 表示:ブロック ; パディング底:36% 。 }
< divのクラス= "teamDiv" > < divのクラス= "teamContent" > < p個のクラス= "テキスト・センターチームタイトル" >友昆团队</ P > < Pのクラス= "テキスト・センターチームtitle_en" > YOUKING TEAM </ P > < Pのクラス= "テキスト中心team_p" >二十年经验的团队</ P > < Pのクラス= "テキスト中心team_p_en" >経験の20年のチーム</ P > < P クラス=「テキスト・センターのteam_pは」>は、チームのコスト効果の高いソリューションは提供</ P > < P クラス=「テキスト・センターのteam_p_en」> 費用対効果の高いソリューションを提供していますチーム </ P > < P クラス= "センターteam_pテキスト「>賞を受賞したチームの作品を国内外で</ p型> < p型クラス=」テキスト・センターteam_p_en「> 受賞歴ホームATチームや海外 </ p型> < p型クラス=」センターteam_pテキスト" >思考と想像力、厳格な作業チーム</ p型> < p型クラス=「テキスト・センターのteam_p_en」> 心の広いISと厳格なチーム </ p型> < p型クラス=「テキスト・センターのteam_pは」>革新的な研究チーム</ p型> < p型クラス= "テキスト・センターのteam_p_en" >リサーチ、革新的なチーム</ P > < P クラス= "テキスト・センターのteam_p" >エネルギーに配慮したチーム</ P > < P クラス= "テキスト中央team_p_en」 >チーム・省エネルギー</ P > < P クラス=「テキスト・センターのteam_p」>マルチシステム、チームの多様な組み合わせ</ P > < P クラス=「テキスト・センターのteam_p_en」>マルチシステム、多様なチーム</ P > </ DIV > </ DIV >