Saya tidak menggunakan CSS3. Jadi saya tidak bisa menggunakan opacity
atau filter
atribut. Tanpa menggunakan atribut ini bagaimana saya bisa membuat background-color
transparan div
? Ini harus berupa contoh kotak teks di tautan ini . Di sini warna latar belakang kotak teks transparan. Saya ingin membuat yang sama, tetapi tanpa menggunakan atribut yang disebutkan di atas.
css
html
background-color
transparent
Mistu4u
sumber
sumber
opacity
tidakfilter
ada. Mengapa Anda pikir Anda tidak dapat menggunakannya?opacity
,filter
dan beberapa atribut lainnya seperti yang ditunjukkan di sini: css-tricks.com/css-transparency-settings-for-all-broswers akan mencakup hampir semua browser yang adaJawaban:
Opacity memberi Anda transparansi atau transparansi. Lihat contoh Fiddle di sini .
Catatan: ini BUKAN properti CSS3
Lihat http://css-tricks.com/snippets/css/cross-browser-opacity/
sumber
opacity
di tempat pertama.Masalahnya
opacity
adalah bahwa itu juga akan mempengaruhi konten, ketika seringkali Anda tidak ingin ini terjadi.Jika Anda hanya ingin elemen Anda transparan, itu semudah:
Tetapi jika Anda menginginkannya dalam warna, Anda dapat menggunakan:
Atau menentukan gambar latar belakang (
1px
oleh1px
) disimpan dengan tepatalpha
.(Untuk melakukannya, gunakan
Gimp
,Paint.Net
atau perangkat lunak gambar lain yang memungkinkan Anda melakukannya.Cukup buat gambar baru, hapus latar belakang dan masukkan warna semi-transparan di dalamnya, lalu simpan dalam png.)
Seperti yang dikatakan oleh René , hal terbaik untuk dilakukan akan mencampur kedua, dengan
rgba
pertama dan1px
oleh1px
gambar sebagai fallback jika browser tidak mendukung alpha:Lihat juga : http://www.w3schools.com/cssref/css_colors_legal.asp .
Demo : JSFiddle saya
sumber
transparan adalah default untuk warna latar belakang
http://www.w3schools.com/cssref/pr_background-color.asp
sumber
Dari https://developer.mozilla.org/en-US/docs/Web/CSS/background-color
Untuk mengatur warna latar belakang:
sumber
Mungkin agak terlambat untuk diskusi tetapi seseorang pasti akan tersandung ke posting ini seperti saya. Saya menemukan jawaban yang saya cari dan berpikir saya akan memposting pendapat saya sendiri. JSfiddle berikut mencakup cara melapisi .PNG dengan transparansi. Penyebutan atribut transparansi Jerska untuk CSS div adalah solusinya: http://jsfiddle.net/jyef3fqr/
HTML:
CSS:
JS:
Dan inspirasi asli saya: http://jsfiddle.net/5g1zwLe3/ Saya juga menggunakan paint.net untuk membuat PNG transparan, atau lebih tepatnya PNG dengan BG transparan.
sumber
sumber