свойство opasity

SibBear · March 21, 2008

Проблема в следующем:

Если задать opacity для ячейки, то прозрачным становится все содержимое ячейки. Сужествует ли возможность сделать прозрачным фон, но при этом оставить шрифт не прозрачным?

(это частный случай, не понимайте буквально, я знаю что прозрачный фон это отсутствие оного)

Иван Шумов · March 21, 2008

не сталкивался, но думаю сомнительно

klierik · March 22, 2008

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

 <style type="text/css">

 * {margin:0; padding:0;}

 td.cell {position:relative;}
 td.cell p {position:absolute; z-index:2;}

 div.bg {
 position:absolute; left:0; top:0; z-index:1;

 height:100px; width:100%; background-color: green;

 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 -moz-opacity: 0.3;
 -khtml-opacity: 0.3;
 opacity: 0.3;
 }

 </style>

</head>

<body>

 <table><tr><td class="cell">

 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

 <div class="bg"></div>

 </td></tr></table>

</body>
</html>

только ньюанс в том что надо знать высоту ячейки.. или выставлять ее..

а еще как вариант.... заранее нарезать рисунок с установленой прозрачностью и им залить фон ячейки... и не надо будет изголяться )))

Mordraug · March 22, 2008

PNG спасет мир

homm · March 22, 2008

Сужествует ли возможность сделать прозрачным фон, но при этом оставить шрифт не прозрачным?

См. http://www.promart74.ru

Sign In

свойство opasity

Question

SibBear

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Иван Шумов

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Mordraug

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information