Прозрачность DIV и наследование

hk416 · November 13, 2012

Добрый день уважаемые дамы и господа!!! В общем есть у меня один вопрос, и разобраться сам я в нём не смог к сожалению. Код чуть ниже. Есть 2 DIV, hr и h2. Первый является полупрозрачным, а второй который является дочерним по отношению к первому, не является полупрозрачным но таковым становится, так как видать наследует это свойство от отца. Скажите пожалуйста, что нужно написать что бы дочерний див не наследовал это свойство от отца, и что нужно сделать что бы <iframe> от VK тоже не становился прозрачным как див в котором он находится.

С уважением к вам, вашему опыту и труду hk416!!!


<html>
 <head>
  <meta charset="utf-8">
  <title>background-image</title>
  <style type="text/css">

	body { background-image: url(landscapes.jpg); }
	#hr{  filter: alpha(Opacity=50);  opacity: 0.5; background-color: black; width: 50%;}
	iframe {background-color: black;}
	#h2 {width: 200px; hight: 200 px; background-color: red; opacity: 1;}
  </style>
   </head>

  <body>
<div id="hr">
<p>
<pre>
класс
<iframe type="text/html" width="607" height="360" src="http://www.youtube.com/embed/qbZqH56Iedo" frameborder="0"></iframe>
</pre>

<iframe src="http://vk.com/video_ext.php?oid=1076548&id=161256709&hash=3bd69559ce6cc265&sd" width="607" height="360" frameborder="0"></iframe>

</p>
<div id="h2">
супер
</div>
</div>

</body>
</html>

Radiocity · November 13, 2012

Либо прозрачность родительского блока задается png изображением с нужным альфа каналом, либо дочерний отделяется от родительского в самостоятельный элемент и накладывается относительным позиционированием.

hk416 · November 13, 2012

Либо прозрачность родительского блока задается png изображением с нужным альфа каналом, либо дочерний отделяется от родительского в самостоятельный элемент и накладывается относительным позиционированием.

Благодарю вас за ответ)))

Great Rash · November 13, 2012

Забудьте про opacity:


.opacity {
  background: rgba(255, 0, 0, 0.5);

  //zoom: 1;
  //background: transparent;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000055,endColorstr=#ff000055);
}

FEL · November 13, 2012


        #hr{ background-color: rgba(0, 0, 0, 0.5); width: 50%;}

где первые 3 значения это цвет в формате RGB

последнее это прозрачность от 0.1 до 1

опередили )

ну да ладно

hk416 · November 13, 2012

Мужики, огромное вам спасибо, сайт будет офигенный ))))))))

hk416 · November 13, 2012

Забудьте про opacity:


.opacity {
  background: rgba(255, 0, 0, 0.5);

  //zoom: 1;
  //background: transparent;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000055,endColorstr=#ff000055);
}

Простите что снова беспокою. В общем по поводу RGBA все понятно, а вот по поводу filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000055,endColorstr=#ff000055); к сожалению не очень. Так как RGBA в IE8 и ниже не работает, я так понял это как раз для этого, но полазив по англоязычным сайтам не понял как правильно этой штукой пользоваться, где там задается коэффициент прозрачности. Главным образом здесь смотрел Моя ссылка но не сильно понял.

web-monster · November 13, 2012

Здесь ответ на ваш вопрос

hk416 · November 14, 2012

Здесь ответ на ваш вопрос

Благодарю вас, теперь точно разобрался

Sign In

Прозрачность DIV и наследование

Question

hk416

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Radiocity

Link to comment

Share on other sites

hk416

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

FEL

Link to comment

Share on other sites

hk416

Link to comment

Share on other sites

hk416

Link to comment

Share on other sites

web-monster

Link to comment

Share on other sites

hk416

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information