diff --git a/examples/jsm/loaders/DDSLoader.js b/examples/jsm/loaders/DDSLoader.js
index f2da1f6c38c406..bc136abb7048c6 100644
--- a/examples/jsm/loaders/DDSLoader.js
+++ b/examples/jsm/loaders/DDSLoader.js
@@ -126,7 +126,7 @@ class DDSLoader extends CompressedTextureLoader {
 					byteArray[ dst ] = r; dst ++;	//r
 					byteArray[ dst ] = g; dst ++;	//g
 					byteArray[ dst ] = b; dst ++;	//b
-                    			byteArray[ dst ] = 1.0; dst ++; //a
+					byteArray[ dst ] = 255; dst ++; //a
 
 				}
 
diff --git a/examples/screenshots/webgl_loader_texture_dds.jpg b/examples/screenshots/webgl_loader_texture_dds.jpg
index e7719ebcdacf34..dbe9f99c7a60fc 100644
Binary files a/examples/screenshots/webgl_loader_texture_dds.jpg and b/examples/screenshots/webgl_loader_texture_dds.jpg differ
diff --git a/examples/webgl_loader_texture_dds.html b/examples/webgl_loader_texture_dds.html
index 3ee1c87bd994e7..f76766c8ab4b3a 100644
--- a/examples/webgl_loader_texture_dds.html
+++ b/examples/webgl_loader_texture_dds.html
@@ -136,7 +136,7 @@
 				const material10 = new THREE.MeshBasicMaterial( { map: map8 } );
 				const material11 = new THREE.MeshBasicMaterial( { map: map9 } );
 				const material12 = new THREE.MeshBasicMaterial( { map: map10 } );
-				const material13 = new THREE.MeshBasicMaterial( { map: map11 } );
+				const material13 = new THREE.MeshBasicMaterial( { map: map11, transparent: true } );
 
 				let mesh = new THREE.Mesh( new THREE.TorusGeometry(), material1 );
 				mesh.position.x = - 10;