Gecko [ nrupathungauniversityblr.ac.in ]

Name	Size	Permission
css	[ DIR ]	drwxr-xr-x
images	[ DIR ]	drwxr-xr-x
backgroundcolor_fontdecoration...	4.53 KB	-rwxr-xr-x
css_2d_transforms.html	4.06 KB	-rwxr-xr-x
css_at_font_face.html	1.11 KB	-rwxr-xr-x
css_baseline.html	937 B	-rwxr-xr-x
css_border.html	6.53 KB	-rwxr-xr-x
css_border_radius.html	824 B	-rwxr-xr-x
css_color_cmyk.html	1005 B	-rwxr-xr-x
css_content.html	767 B	-rwxr-xr-x
css_counter.html	2.23 KB	-rwxr-xr-x
css_float.html	8.38 KB	-rwxr-xr-x
css_font_selection.html	6.57 KB	-rwxr-xr-x
css_important_flag.html	1.82 KB	-rwxr-xr-x
css_letter_spacing.html	4.98 KB	-rwxr-xr-x
css_line_height.html	2.72 KB	-rwxr-xr-x
css_margin.html	1.73 KB	-rwxr-xr-x
css_media.html	2.75 KB	-rwxr-xr-x
css_multiple_class.html	453 B	-rwxr-xr-x
css_nth_child.html	2.45 KB	-rwxr-xr-x
css_opacity.html	2.61 KB	-rwxr-xr-x
css_outline.html	2.68 KB	-rwxr-xr-x
css_overflow_hidden.html	946 B	-rwxr-xr-x
css_position_absolute.html	1.08 KB	-rwxr-xr-x
css_position_all.html	9.85 KB	-rwxr-xr-x
css_position_fixed.html	8.14 KB	-rwxr-xr-x
css_selectors.html	1.29 KB	-rwxr-xr-x
css_table_height.html	329 B	-rwxr-xr-x
css_table_layout_fixed.html	10.11 KB	-rwxr-xr-x
css_text_align.html	3.26 KB	-rwxr-xr-x
css_text_decoration.html	4.14 KB	-rwxr-xr-x
css_vertical_align.html	1.32 KB	-rwxr-xr-x
css_vertical_align_w3.html	15.01 KB	-rwxr-xr-x
css_whitespace.html	1.82 KB	-rwxr-xr-x
css_word_wrap.html	759 B	-rwxr-xr-x
css_z_index.html	1.36 KB	-rwxr-xr-x
demo_01.html	5.92 KB	-rwxr-xr-x
dom_anchor_link.html	9.77 KB	-rwxr-xr-x
dom_br.html	1.97 KB	-rwxr-xr-x
dom_form_fieldset.html	1.23 KB	-rwxr-xr-x
dom_large_table.html	39.04 KB	-rwxr-xr-x
dom_long_table.php	673 B	-rwxr-xr-x
dom_nbsp.html	1.64 KB	-rwxr-xr-x
dom_nested_table.html	948 B	-rwxr-xr-x
dom_ol.html	2.85 KB	-rwxr-xr-x
dom_simple_ul.html	1.34 KB	-rwxr-xr-x
dom_table.html	1.65 KB	-rwxr-xr-x
dom_table_image.html	371 B	-rwxr-xr-x
dom_ul.html	15.13 KB	-rwxr-xr-x
encoding_entities.html	518 B	-rwxr-xr-x
encoding_latin1.html	27.34 KB	-rwxr-xr-x
encoding_special.html	12.93 KB	-rwxr-xr-x
encoding_symbols.html	32.3 KB	-rwxr-xr-x
encoding_unicode.html	190 B	-rwxr-xr-x
encoding_unicode_wrapping.html	558 B	-rwxr-xr-x
encoding_utf-8.html	31.45 KB	-rwxr-xr-x
encoding_utf-8_all.html	538.06 KB	-rwxr-xr-x
encoding_utf-8_w3.html	13.58 KB	-rwxr-xr-x
image_background.html	4.37 KB	-rwxr-xr-x
image_basic.html	487 B	-rwxr-xr-x
image_bmp.html	3.45 KB	-rwxr-xr-x
image_datauri.html	13.43 KB	-rwxr-xr-x
image_dimensions.html	920 B	-rwxr-xr-x
image_gif.html	258 B	-rwxr-xr-x
image_remote.html	1.46 KB	-rwxr-xr-x
image_transparent_gif.html	524 B	-rwxr-xr-x
image_transparent_png.html	6.34 KB	-rwxr-xr-x
image_variants.html	9.52 KB	-rwxr-xr-x
page_pages.html	9.46 KB	-rwxr-xr-x
print_header_footer.html	8.25 KB	-rwxr-xr-x
quirks_center_table.html	316 B	-rwxr-xr-x
quirks_font_tag.html	1.85 KB	-rwxr-xr-x
quirks_html_attributes.html	2.2 KB	-rwxr-xr-x
script_javascript.html	429 B	-rwxr-xr-x
script_php.php	818 B	-rwxr-xr-x

Code Editor : image_transparent_png.html

<html>
	
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 <title>PNG transparency test</title>
	<style type="text/css">
		body {
			font-size: 11px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			padding: 2em;
		}
		
		p {
 background: #C6C6FF;
	 }
		
		img[width="85"] {
			margin: 8px;
		}
		
		@page {
			margin: 0;
		}
	</style>
</head>

<body>

<h1>PNG transparency test</h1>

Examples from <a href="http://entropymine.com/jason/testbed/pngtrans/">http://entropymine.com/jason/testbed/pngtrans/</a>

Not all possible results are shown; there are too many combinations
of background colors and shapes of the opaque region. However, I
intend to include every result that actually occurs in a mainstream
browser. If I am missing any, please 
<a href="mailto:jason1@pobox.com">let me know</a>.

It's come to my attention that my images which show how
alpha transparency should look are not quite perfect
in regard to precisely how transparent they are at various points.
Rather than try to modify this page to test gamma
correction issues as well, I've created a
<a href="http://entropymine.com/jason/testbed/alphagamma/">separate test page</a> for that.

This test page was constructed by
<a href="http://pobox.com/~jason1/">Jason Summers</a>.
Comments may be emailed to <a href="mailto:jason1@pobox.com">jason1@pobox.com</a>. 
There are
<a href="http://www.libpng.org/pub/png/pngmisc.html#images">other test
pages</a> listed at the PNG web site.

<h3>Alpha and palette transparency</h3>

Expected result: 
<img width="95" height="72" src="./images/png/result_ok.gif" alt="[Test image]">

(T1) 8-bit palette, includes background color: 
<img width="85" height="62" src="./images/png/pal_bk.png" alt="[Test image]">

(T2) 8-bit palette, no background color: 
<img width="85" height="62" src="./images/png/pal.png" alt="[Test image]">

(T3) 32-bit RGBA, includes background color: 
<img width="85" height="62" src="./images/png/rgba8_bk.png" alt="[Test image]">

(T4) 32-bit RGBA, no background color: 
<img width="85" height="62" src="./images/png/rgba8.png" alt="[Test image]">

(T5) 64-bit RGBA, includes background color: 
<img width="85" height="62" src="./images/png/rgba16_bk.png" alt="[Test image]">

(T6) 64-bit RGBA, no background color: 
<img width="85" height="62" src="./images/png/rgba16.png" alt="[Test image]">

<h3>RGB binary transparency</h3>

Expected result: 
<img width="95" height="72" src="./images/png/resultb_ok.gif" alt="[Test image]">

(T7) 24-bit RGB, binary transparency, includes background color: 
<img width="85" height="62" src="./images/png/rgb8_t_bk.png" alt="[Test image]">

(T8) 24-bit RGB, binary transparency, no background color: 
<img width="85" height="62" src="./images/png/rgb8_t.png" alt="[Test image]">

(T9) 48-bit RGB, binary transparency, includes background color: 
<img width="85" height="62" src="./images/png/rgb16_t_bk.png" alt="[Test image]">

(T10) 48-bit RGB, binary transparency, no background color: 
<img width="85" height="62" src="./images/png/rgb16_t.png" alt="[Test image]">

<h3>Grayscale alpha transparency</h3>

Expected result: 
<img width="95" height="72" src="./images/png/resultga.gif" alt="[Test image]">

(G1) 16 bpp grayscale (8 gray + 8 alpha), includes background color: 
<img width="85" height="62" src="./images/png/gray8a_bk.png" alt="[Test image]">

(G2) 16 bpp grayscale (8 gray + 8 alpha), no background color: 
<img width="85" height="62" src="./images/png/gray8a.png" alt="[Test image]">

(G3) 32 bpp grayscale (16 gray + 16 alpha), includes background color: 
<img width="85" height="62" src="./images/png/gray16a_bk.png" alt="[Test image]">

(G4) 32 bpp grayscale (16 gray + 16 alpha), no background color: 
<img width="85" height="62" src="./images/png/gray16a.png" alt="[Test image]">

<h3>Grayscale binary transparency</h3>

Expected result: 
<img width="95" height="72" src="./images/png/resultgb.gif" alt="[Test image]">

(G5) 8 bpp grayscale (8 gray), includes background color: 
<img width="85" height="62" src="./images/png/gray8b_bk.png" alt="[Test image]">

(G6) 8 bpp grayscale (8 gray), no background color: 
<img width="85" height="62" src="./images/png/gray8b.png" alt="[Test image]">

(G7) 16 bpp grayscale (16 gray), includes background color: 
<img width="85" height="62" src="./images/png/gray16b_bk.png" alt="[Test image]">

(G8) 16 bpp grayscale (16 gray), no background color: 
<img width="85" height="62" src="./images/png/gray16b.png" alt="[Test image]">

<h3>Miscellaneous</h3>

(M1) 8-bit palette, no transparency, includes background color: 
Expected result: 
<img width="95" height="72" src="./images/png/result_no.gif" alt="[Test image]"> 
<img width="85" height="62" src="./images/png/pal_bk_notrns.png" alt="[Test image]">

(M2) (4-bit) palette, binary transparency only, no background color: 
Expected result: 
<img width="95" height="72" src="./images/png/resultb_ok.gif" alt="[Test image]"> 
<img width="85" height="62" src="./images/png/palb.png" alt="[Test image]"> 
(This tests a few things that may have slipped through the cracks.)

</body></html>

${this.title}

Code Editor : image_transparent_png.html