Jump to content
  • 0

Исчезновение фона в IE


PaLyCH
 Share

Question

Суть проблемы. Верстаю шаблон аля сгругленный. Делаю через DIV. Вот CSS

div.module{
background: url(../images/mod_top.gif) top right no-repeat;
padding-top: 9px;
width: 165px;
margin-bottom: 15px;}
div.module div { background: url(../images/mod_bot.gif) bottom right no-repeat; padding-bottom: 10px;}
div.module div div {
background: url(../images/mod_mid.gif) top right repeat-y;
padding: 0;}
div.module div div div { padding: 8px 0 8px 10px; background: none; }
div.module div div div div { padding:0; background: none;}

Две проблемы

1) Блок состоит из трех частей. Верх,низ и тянущаяся середина. FF и опера отлично отображает. IE7 не отображает низ блока. рис.2

2) Так как у меня идет наследование блоков, то фон последнего блока div.module div div с тянущейся серединой наследуется на все последующие блоки. Чтобы убрать наследование использую div.module div div div {background: none;}. В лисе и опере отлично. В ие и 6 и в 7 исчезает фон. рис.3

1.jpg

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0
Две проблемы

1) Блок состоит из трех частей. Верх,низ и тянущаяся середина. FF и опера отлично отображает. IE7 не отображает низ блока. рис.2

2) Так как у меня идет наследование блоков, то фон последнего блока div.module div div с тянущейся серединой наследуется на все последующие блоки. Чтобы убрать наследование использую div.module div div div {background: none;}. В лисе и опере отлично. В ие и 6 и в 7 исчезает фон. рис.3

1) Задайте высоту этому блоку. .module div {height:100%}

2) Какое-такое наследование? o_O Вот это(div.module div div) будет распространяться на каждый второй div. Так-что div.module div div div div {background: none;} :D

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy