Properti lebar CSS \ 9

209

Apa artinya ini? Saya menduga ini adalah peretasan peramban, tetapi saya belum dapat menemukan apa tepatnya yang dilakukannya.

width: 500px\9;

Apa pentingnya \9?

css width css-hack yah sebenarnya
sumber
dalam file css .. mengatur lebar beberapa elemen.
sebenarnya
bukan duplikat persis, tetapi pertanyaan ini menjawab Anda: stackoverflow.com/questions/701732/size-in-css-with-slash
Raptor
tampaknya tidak valid dalam versi CSS mana pun, sejauh yang saya bisa lihat ...
Marc B
Saya kira pertanyaan ini tidak mengacu pada hal yang sama.
sebenarnya
6
@ Shivan Raptor: Tidak, tidak. Itu pertanyaan yang sama sekali berbeda.
BoltClock

Jawaban:

290

\9 adalah "CSS hack" khusus untuk Internet Explorer 7, 8, & 9.

Ini berarti bahwa satu baris khusus CSS yang berakhiran dengan \9;di tempat ;hanya valid di IE 7, 8, & 9.

Dalam contoh Anda,

width: 500px\9;berarti lebar 500 piksel (hasil yang sama dengan width: 500px;) hanya akan diterapkan saat menggunakan IE 7, 8, & 9.

Semua browser lain akan mengabaikan width: 500px\9;sepenuhnya, dan karenanya tidak berlaku width: 500px;untuk elemen sama sekali.

Jika CSS Anda terlihat seperti ini ...

#myElement {
    width: 300px;
    width: 500px\9;
}

Hasilnya akan menjadi #myElement500 piksel lebar di IE 7, 8, & 9, sementara di semua browser lain, #myElementakan menjadi 300 piksel lebar.

Info lebih lanjut

EDIT:

Jawaban ini ditulis pada tahun 2011. Perlu dicatat bahwa hack ini juga berfungsi di IE 10.

Sparky
sumber
1
@ jdavid.net, jika tidak merusak CSS Anda, sama sekali tidak, AFAIK.
Sparky
10
\0bukannya \9akan menerapkannya pada IE10 juga
abc123
21
@ abc123 semoga saja mereka tidak pernah mendapatkan IE ke versi 16.
Hoffmann
4
Dalam pengalaman saya sekarang, \9juga berlaku untuk IE 10 dengan widthproperti, setidaknya dalam mode emulasi IE. Mode emulasi buggy di saat terbaik, jadi mungkin itu sebabnya.
davidjb
1
@davidjb, itu karena itu bukan emulator. Itu dirancang sebagai fallback untuk kode yang lebih lama.
Sparky
13

Ini adalah css hack untuk IE9 & versi di bawah ini

tulis seperti ini:

width: 500px\9;

Baca artikel ini http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

sandeep
sumber
4
Terima kasih atas tautannya, tetapi artikelnya tidak menjelaskan APA yang dilakukannya.
sebenarnya
1
Kami menggunakan peretasan untuk IE untuk dua hal. 1) ada beberapa properti yang tidak didukung oleh IE seperti tampilan: inline-block & 2) Setiap browser membuat beberapa properti HTML & css berbeda. periksa artikel ini blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block
sandeep
Periksa tautan juga coding.smashingmagazine.com/2010/06/07/...
sandeep
IE tidak mendukung tampilan: inline-block ;, contoh yang buruk.
reisio
Namun, sepertinya ini bukan hack yang berguna untuk properti 'width'. Setidaknya tidak di luar mode kebiasaan.
reisio
2

Di IE9 untuk mengatur properti lebar Anda cukup menambahkan hack ini.

misalnya

.align {
    float:left;
    margin:5px;
    background-color:blue;
    width:65px;
    width:\9 !important;
}
Asad Shah
sumber
2

Hack CSS untuk IE9

/* Hack CSS IE9 */
.csshackie9 {color:#f00\9\0\;}
tuan
sumber
7
Anda harus memposting informasi lebih lanjut tentang peretasan ini alih-alih menghubungkan di luar - jika blog itu hilang, maka nilai jawaban Anda akan berkurang. Selain itu, tidak semua orang berbicara bahasa Rusia.
Marcin Orlowski
1
Akan lebih baik untuk memberikan beberapa informasi penting dalam bahasa Inggris, karena tautan yang telah Anda posting adalah ke blog Rusia.
Artemix
OP, Anda harus mengatakan pada diri sendiri dan pergi dan duduk di langkah nakal.
slugmandrew