structure of test html

css definition

<style type="text/css">
.op {
  zoom:1;
  opacity:0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}
.op_inline {
  display:inline;
  zoom:1;
  opacity:0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}
.op_block {
  display:block;
  zoom:1;
  opacity:0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}
.op_inlineblock {
  display:inline-block;
  zoom:1;
  opacity:0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}
.relative {
  position:relative;
}
<style>
	

Test html

<p>---
<Element class="testclass">ABC
  <span class="relative">abc</span>
</Element>
<Element style="testclass">あいう
  <span>ぁぃぅ</span>
</Element>
---</p>

Test 01:Element=<div> class=op

---

Test 02:Element=<p> class=op

---

ABCabc

あいうぁぃぅ

Test 03:Element=<p> class=op_inline

---

ABCabc

あいうぁぃぅ

Test 04:Element=<p> class=op_inlineblock

---

ABCabc

あいうぁぃぅ

Test 05:Element=<span> class=op

--- ABCabcあいうぁぃぅ ---

Test 06:Element=<span> class=op_block

--- ABCabcあいうぁぃぅ ---

Test 07:Element=<span> class=op_inlineblock

--- ABCabcあいうぁぃぅ ---

Copyright © 2009 Bitmeister Inc.