1
edit
Changes
→Usage
</pre>
==Fun with -moz-opacity==
[[Image:Fun stuff.png]]
<pre>
<div style="color:black;width:150px;background:white;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;float:right;margin-top:10px;margin-bottom:10px;margin-left:10px;font-family:Verdana, Arial, Helvetica,Georgia;font-size: 28px;line-height:26px; text-align: right;">
...this will look like some of the
<b>pullquotes or subtitles we see</b>
in
<span style="width:150px;padding-bottom:10px;float:right;text-align:left;color:black;background:white;filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;">magazine<b>layout...</b></span>
</div>
<p>
<b>DIV</b><br>
The text to the right is a <code>div</code> defined as
<code>black</code> with a background color
of <code>white</code>. The opacity on the <code>div</code> is <code>50</code>.
</p>
<p>
<b>SPAN</b><br>
The <code>span</code> inside of the <code>div</code>
is defined with an opacity of <code>25</code>. The edges should not
be jagged. The padding of 10 pixels on the span is simply so that we don't lose the
bottom of the text <span style="font-weight:bold;">magazinelayout</span>.
</p>
<div style="clear:both;"></div>
</pre>
== Mozilla Recommended Values ==
