HTML/CSS/IE Firefox/filter

Материал из Web эксперт
Перейти к: навигация, поиск

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70)

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

                     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

   <head>
       <title>positioning</title>
       <style rel="stylesheet" type="text/css">

body { 

   background: lightyellow;
   font: 12px sans-serif;

} div { 

   width: 100px;
   height: 100px;
   border: 1px solid rgb(200, 200, 200);
   /* Microsoft proprietary filter property */
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);

} div#one { 

   background: pink;
   position: absolute;
   top: 0;
   left: 0;

} div#two { 

   background: lightblue;
   position: absolute;
   top: 0;
   right: 0;

} div#three { 

   background: yellowgreen;
   position: absolute;
   bottom: 0;
   left: 0;

} div#four { 

   background: orange;
   position: absolute;
   bottom: 0;
   right: 0;

} 

       </style>
   </head>
   <body>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet sem quis orci malesuada facilisis. Nulla dictum malesuada magna. Quisque ac est et nibh porta nonummy. Cras pede tortor, lacinia et, eleifend quis, consequat vel, odio. Proin urna mi, facilisis et, consequat eu, scelerisque vel, lacus. Nunc turpis. Vestibulum sed felis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet sem quis orci malesuada facilisis. Nulla dictum malesuada magna. Quisque ac est et nibh porta nonummy. Cras pede tortor, lacinia et, eleifend quis, consequat vel, odio. Proin urna mi, facilisis et, consequat eu, scelerisque vel, lacus. Nunc turpis. Vestibulum sed felis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet sem quis orci malesuada facilisis. Nulla dictum malesuada magna. Quisque ac est et nibh porta nonummy. Cras pede tortor, lacinia et, eleifend quis, consequat vel, odio. Proin urna mi, facilisis et, consequat eu, scelerisque vel, lacus. Nunc turpis. Vestibulum sed felis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet sem quis orci malesuada facilisis. Nulla dictum malesuada magna. Quisque ac est et nibh porta nonummy. Cras pede tortor, lacinia et, eleifend quis, consequat vel, odio. Proin urna mi, facilisis et, consequat eu, scelerisque vel, lacus. Nunc turpis. Vestibulum sed felis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet sem quis orci malesuada facilisis. Nulla dictum malesuada magna. Quisque ac est et nibh porta nonummy. Cras pede tortor, lacinia et, eleifend quis, consequat vel, odio. Proin urna mi, facilisis et, consequat eu, scelerisque vel, lacus. Nunc turpis. Vestibulum sed felis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet sem quis orci malesuada facilisis. Nulla dictum malesuada magna. Quisque ac est et nibh porta nonummy. Cras pede tortor, lacinia et, eleifend quis, consequat vel, odio. Proin urna mi, facilisis et, consequat eu, scelerisque vel, lacus. Nunc turpis. Vestibulum sed felis. 

   </body>

</html> 

</source>


Microsoft proprietary filter property

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> 

   <head>
       <style rel="stylesheet" type="text/css">

body { 

   padding: 10px;
   margin: 10px auto;
   min-width: 500px;
   max-width: 900px;
   
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

} 

       </style>
   </head>
   <body>
   this is a test. this is a test. 
   </body>

</html> 

</source>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/IE_Firefox/filter&oldid=5553»