hujung hadapan web
tutorial js
Ringkasan penyelesaian mengapa png tidak boleh telus di bawah teknik IE6_javascript
Ringkasan penyelesaian mengapa png tidak boleh telus di bawah teknik IE6_javascript
FF dan IE7 sudah menyokong imej PNG lutsinar secara langsung berikut digunakan terutamanya untuk menyelesaikan masalah latar belakang kelabu dalam imej PNG lutsinar di bawah IE6
.style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"
Sintaks:
penapis : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
didayakan : Pilihan. Boolean. Menetapkan atau mendapatkan semula sama ada penapis aktif. true |. false true : Nilai lalai. Penapis diaktifkan.
false : penapis dilumpuhkan.
Kaedah saiz : Pilihan. rentetan. Menetapkan atau mendapatkan semula cara imej objek yang ditapis dipaparkan dalam sempadan bekas objek. pangkas : Pangkas imej agar sesuai dengan dimensi objek.
imej: Nilai lalai. Tambah atau kurangkan sempadan saiz objek agar sesuai dengan dimensi gambar.
skala : Skala imej agar muat dalam sempadan saiz objek.
src: diperlukan. rentetan. Tentukan imej latar belakang menggunakan alamat url mutlak atau relatif. Jika parameter ini ditinggalkan, penapis tidak akan mempunyai kesan.
Ciri:
Didayakan: Boleh dibaca dan boleh ditulis. Boolean. Lihat atribut yang didayakan.
sizingMethod: Boleh dibaca dan boleh ditulis. rentetan. Lihat sifat sizingMethod.
src: boleh dibaca dan boleh ditulis. rentetan. Lihat atribut src.
Penerangan:
Memaparkan imej antara latar belakang dan kandungan objek, dalam sempadan bekas objek. Dan menyediakan operasi untuk memotong dan mengubah saiz imej ini. Jika format PNG (Grafik Rangkaian Mudah Alih) dimuatkan, ketelusan 0%-100% juga disediakan.
Ketelusan imej dalam format PNG (Portable Network Graphics) tidak menghalang anda daripada memilih teks. Dalam erti kata lain, anda boleh memilih untuk memaparkan kandungan di belakang kawasan telus sepenuhnya imej dalam format PNG (Portable Network Graphics).
Contoh: Selesaikan masalah kegagalan ketelusan png di bawah IE6.
Gaya CSS:
.png{
_background: url(images/angel.png) no-repeat !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images/angel.png");
background:none;
width:118px;height:133px;
}
.png div{position:relative;}
Kod HTML:
<div class="png"> <div> CSS 背景PNG透明 及 链接失效问题解决 </div> </div>
/*
Serasi dengan IE6.0, IE7.0, FF,
IE7.0 dan versi baharu FF sebenarnya boleh menjadikannya telus tanpa menambah penapis.
*/
============================================ === ==============================
Kaedah 1: Tentukan gaya Selepas menggunakan gaya ini pada div tertentu, imej latar belakang png lutsinar div akan menjadi lutsinar secara automatik. (Perhatikan bahawa laluan kedua-dua imej ditulis secara berbeza. Dalam contoh ini, imej icon_home.png dan fail html berada dalam direktori yang sama)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.qq {
height: 90px;
width: 90px;
background-image: url(icon_home.png)!important;/* FF IE7 */
background-repeat: no-repeat;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon_home.png'); /* IE6 */
_ background-image: none; /* IE6 */
}
-->
</style>
</head>
<body>
<div class="qq"></div>
</body>
</html>
Kaedah 2: Tentukan gaya untuk img dan semua PNG lutsinar pada halaman akan menjadi lutsinar secara automatik. (Kaedah ini hanya sah untuk gambar yang dimasukkan terus, bukan untuk gambar latar belakang) Ambil perhatian bahawa anda perlu menyediakan gambar lutsinar kecil transparent.gif, saiznya tidak terhad. Mesti diletakkan dalam direktori yang sama seperti html
Tolong jangan gunakannya dalam kuantiti yang banyak, jika tidak, ia akan menyebabkan halaman dibuka dengan sangat perlahan!!!)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.mypng img {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}
</style>
</head>
<body>
换成你的png图片
<div class="mypng">
<img src="icon_face_07.png" width="30" height="30" />
<img src="icon_face_10.png" width="30" height="30" />
<img src="icon_face_08.png" width="30" height="30" />
</div>
</body>
</html>
Kaedah 3: Gunakan JS untuk melaksanakannya Selepas menambah sekeping kod js, semua png lutsinar yang dimasukkan akan menjadi lutsinar secara automatik (Perhatikan bahawa kaedah ini hanya sah untuk imej yang dimasukkan secara langsung imej latar belakang. )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var j=0; j<document.images.length; j++)
{
var img = document.images[j]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
j = j-1
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<style type="text/css">
<!--
body {
}
-->
</style></head>
<body>
把图片换成你自己的图片
<img src="img/icon_face_03.png" width="30" height="30" /><!--把图片换成你自己的图片 -->
<img src="img/icon_face_05.png" width="30" height="30" />
<img src="img/menu_title_over.png" width="130" height="36" />
</body>
</html>
Kaedah 4
<script language="javascript">
// 修复 IE 下 PNG 图片不能透明显示的问题
function fixPNG(myImage) {
var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);
if ((version >= 5.5) && (version < 7) && (document.body.filters))
{
var imgID = (myImage.id) ? "id='" + myImage.id + "' " : "";
var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : "";
var imgTitle = (myImage.title) ? "title='" + myImage.title + "' " : "title='" + myImage.alt + "' ";
var imgStyle = "display:inline-block;" + myImage.style.cssText;
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + myImage.width
+ "px; height:" + myImage.height
+ "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>";
myImage.outerHTML = strNewHTML;
} }
window.onload=function(){
document.getElementById("top").style.height=screen.height/5+"px";
}//
</script>
Penggunaan adalah seperti berikut:
Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Bagaimana untuk menukar PNG kepada JPG pada Windows 11
May 12, 2023 pm 03:55 PM
Cara Menukar PNG kepada JPG pada Windows 11 Pada Windows 10 dan 11, anda boleh menggunakan aplikasi Paint terbina dalam Microsoft untuk menukar fail imej dengan cepat. Untuk menukar imej PNG kepada JPG pada Windows 11, gunakan langkah berikut: Buka File Explorer dan navigasi ke imej PNG yang anda ingin tukar. Klik kanan imej dan pilih Buka Dengan > Lukis daripada menu. Foto atau imej anda dibuka dalam apl Paint. Perhatikan saiz fail di bahagian bawah skrin. Untuk menukar fail daripada PNG kepada JPG, klik Fail dan pilih Simpan Sebagai > Imej JPEG daripada menu. Apabila sumber fail
Bagaimana untuk menyelesaikan masalah garis hitam bar tugas telus win11
Dec 22, 2023 pm 10:04 PM
Selepas ramai rakan menggunakan translucenttb untuk menyediakan bar tugas telus, mereka mendapati bahawa terdapat garis hitam dalam bar tugas telus win11, yang kelihatan sangat tidak selesa. Bagaimana saya harus menyelesaikannya pada masa ini? . Terdapat garis hitam dalam bar tugas telus win11: Kaedah 1: 1. Menurut maklum balas pengguna, anda boleh klik kanan translucenttb dan buka tetapan. 2. Kemudian tetapkan "margin" pilihan ikon kepada "1" untuk menyelesaikan masalah. Kaedah 2: 1. Jika ia masih tidak berfungsi, anda boleh klik kanan ruang kosong untuk membuka "Peribadikan" 2. Kemudian pilih tema lalai sistem untuk menukarnya. Kaedah ketiga: 1. Jika semuanya gagal, anda disyorkan supaya menyahpasang translucenttb. 2. Kemudian ganti
Bagaimana untuk menyelesaikan masalah garis pada ketelusan bar tugas dalam Win11?
Jan 29, 2024 pm 12:12 PM
Ramai pengguna Win11 akan menetapkan bar tugas mereka menjadi telus semasa menjalankan sistem, tetapi ramai pengguna akan melihat garis hitam muncul pada bar tugas selepas menyediakannya. Pengguna boleh menggunakan perisian pihak ketiga untuk menyediakannya. Biarkan laman web ini dengan teliti memperkenalkan kepada pengguna penyelesaian kepada masalah garisan telus pada bar tugas win11. Penyelesaian kepada masalah garis lutsinar pada bar tugas win11 Kaedah 1: 1. Menurut maklum balas pengguna, anda boleh klik kanan translucenttb dan buka tetapan. 2. Kemudian tetapkan margin pilihan ikon kepada 1 untuk menyelesaikan masalah. 2. Kemudian pilih tema lalai sistem dan ubahnya untuk menyelesaikan masalah.
Bagaimana untuk menetapkan ketelusan dalam CSS
Nov 01, 2023 am 10:00 AM
Kaedah CSS untuk menetapkan ketelusan termasuk atribut kelegapan, nilai warna rgba, atribut warna latar belakang, menggunakan elemen pseudo, dsb. Pengenalan terperinci: 1. Atribut kelegapan, dengan menetapkan atribut kelegapan unsur untuk mencapai kesan telus, julat nilai atribut ini ialah 0 hingga 1, 0 bermaksud telus sepenuhnya, 1 bermaksud legap sepenuhnya; dengan menetapkan kelegapan elemen Warna latar belakang atau warna teks ialah nilai warna rgba untuk mencapai kesan telus Nilai warna rgba terdiri daripada merah, hijau, biru, ketelusan, dsb.
Tutorial grafik untuk menjadikan bar tugas win7 telus
Jul 20, 2023 am 09:49 AM
Hari ini, sekumpulan pengguna bertanya mengapa komputer mereka tidak mempunyai kesan ketelusan selepas memasang semula Windows 7. Malah, ini disebabkan oleh komputer anda tidak mengemas kini pemacu kad grafik tepat pada masanya dan melaraskan tema Windows 7 Aero. Anda boleh menyediakannya dengan cara berikut. 1. Mula-mula, anda perlu memastikan komputer anda mempunyai pemacu kad grafik baharu yang dipasang Anda boleh menggunakan Driver Wizard atau 360 Driver Master untuk mengemas kini pemacu kad grafik dalam talian. . 2. Menghadapi ruang kosong pada desktop, klik kanan, pilih Peribadikan dan buka. 3. Cari tema Aero di sini dan pilihnya. Dalam keadaan biasa, anda sepatutnya dapat melihat kesan kaca lutsinar. Adakah anda memahami tutorial tentang cara menjadikan bar tugas win7 anda telus? Pelajar yang tidak tahu bagaimana untuk melakukannya, sila lakukan dengan cepat.
Bagaimana untuk menetapkan ketelusan terminal dalam sistem Linux?
Jan 07, 2024 am 10:21 AM
Apabila Linux melaksanakan arahan dalam terminal, untuk menyukarkan untuk melihat dokumen bantuan lain, seperti PDF, halaman web, dsb., anda boleh menetapkan ketelusan terminal Bagaimana untuk menetapkannya? Mari kita lihat tutorial terperinci di bawah. . 1. Hidupkan kesan khas tetingkap 1. Untuk menetapkan ketelusan terminal, anda perlu menghidupkan kesan khas tetingkap terlebih dahulu, klik "Pusat Kawalan" pada bar tugas. 2. Klik "Paparan" dalam Pusat Kawalan. 3. Dalam "Paparan", pastikan butang "Hidupkan kesan tetingkap" dihidupkan. 4. Selain itu, anda juga boleh menggunakan kekunci pintasan shift+win+tab untuk membuka atau menutup kesan tetingkap dengan cepat. 2. Tetapkan ketelusan
Bagaimana untuk menamakan semula sambungan semua fail dalam folder, termasuk subfolder
Apr 14, 2023 pm 12:22 PM
Katakan anda perlu menamakan semula sambungan fail daripada satu sambungan kepada sambungan yang lain, katakan jpg kepada png. Ia mudah, sudah tentu! Tetapi bagaimana jika anda mempunyai berbilang fail yang sambungannya perlu ditukar? Atau lebih teruk, bagaimana jika berbilang fail ini juga terletak dalam berbilang folder dan subfolder, dalam satu folder? Nah, bagi orang biasa, ini boleh menjadi mimpi ngeri. Tetapi untuk seorang geek, sama sekali tidak. Persoalannya sekarang, adakah anda seorang geek? Nah, dengan bantuan Halaman Geek, anda pasti! Dalam artikel ini, kami menerangkan cara mudah menamakan semula sambungan semua fail dalam folder, termasuk subfolder pilihan anda, daripada satu sambungan ke sambungan yang lain melalui kaedah skrip kelompok. Notis:
Tutorial langkah demi langkah tentang cara menetapkan ketelusan bar tugas dalam Windows 10
Jul 11, 2023 pm 11:37 PM
Secara kebetulan, saya melihat bar tugas win10 orang lain menjadi telus, dan ia kelihatan sangat cantik Selepas saya kembali, saya juga ingin menetapkan komputer win10 saya sendiri menjadi telus. Dalam keadaan biasa, bar tugas lalai tidak mempunyai latar belakang yang telus, dan anda perlu melaraskan tetapan Seterusnya, editor akan menerangkan secara terperinci cara membuat bar tugas Win10 telus sepenuhnya dalam satu minit. 1. Mula-mula, buka sistem win10, kemudian klik kanan pada desktop dan cari "Peribadi" dalam menu klik kanan 2. Kemudian, dalam tetingkap "Peribadi", pilih "Warna" dalam menu kiri dan klik ke terbuka. 3. Kemudian, cari "Kesan Ketelusan" dalam menu di sebelah kanan, pilih "Hidup" dan semak "Menu Mula, Bar Tugas dan Pusat Tindakan" dan "Bar Tajuk". 4. Kemudian, kembali kepada w
