Width özelliğinde CSS \ 9


209

Bunun anlamı ne? Bir tarayıcı hack olduğunu tahmin ediyorum, ama tam olarak ne yaptığını bulamadım.

width: 500px\9;

Önemi nedir \9?


bir css dosyasında .. bazı öğelerin genişliğini ayarlama.
aslında

tam olarak kopya değil, ancak bu soru size cevap veriyor: stackoverflow.com/questions/701732/size-in-css-with-slash
Raptor

görebildiğim kadarıyla herhangi bir CSS sürümünde geçerli görünmüyor ...
Marc B

Bu sorunun aynı şeyi ifade ettiğini sanmıyorum.
aslında

6
@Shivan Raptor: Hayır, değil. Bu tamamen farklı bir soru.
BoltClock

Yanıtlar:


290

\9 Internet Explorer 7, 8 ve 9'a özgü bir "CSS hack'idir".

Bu basitçe \9;, yerine ile biten belirli bir CSS satırının ;sadece IE 7, 8 ve 9'da geçerli olduğu anlamına gelir .

Örneğinizde,

width: 500px\9;500 piksellik bir genişliğin (ile aynı sonuç width: 500px;) yalnızca IE 7, 8 ve 9 kullanılırken uygulanacağı anlamına gelir .

Diğer tüm tarayıcılar width: 500px\9;tamamen yok sayar ve bu nedenle width: 500px;öğeye hiç uygulanmaz .

CSS'niz böyle görünüyorsa ...

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

Sonuç #myElementIE 7, 8 ve 9'da 500 piksel genişliğinde, diğer tüm tarayıcılarda ise #myElement300 piksel genişliğinde olurdu.

Daha fazla bilgi


DÜZENLE:

Bu cevap 2011 yılında yazılmıştır. Şimdi bu hack IE 10 da çalışır.


1
@ jdavid.net, eğer CSS'nizi kırmazsa, kesinlikle hiçbir şey AFAIK.
Sparky

10
\0Bunun yerine \9IE10'a da uygulanacak
abc123

21
@ abc123 asla IE 16 sürümüne almak umuyoruz.
Hoffmann

4
Deneyimlerime göre , en azından IE'nin öykünme modunda \9bir widthözellik ile IE 10'a da başvuruyordum . Öykünme modu en iyi ihtimalle buggy, bu yüzden belki de bu yüzden.
davidjb

1
@davidjb, çünkü bu gerçekten bir emülatör değil. Eski kod için bir yedek olarak tasarlanmıştır.
Sparky

13

IE9 ve altı sürümü için bir css hack

şöyle yaz:

width: 500px\9;

Bu makaleyi okuyun http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/


4
Bağlantı için teşekkürler, ancak makale ne yaptığını açıklamıyor.
aslında

1
IE için hack'i iki şey için kullanıyoruz. 1) ekran gibi IE tarafından desteklenmeyen bazı özellikler vardır: inline-block & 2) Her tarayıcı bazı HTML ve css özelliklerini farklı şekilde işler. bu makaleye göz atın blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block
sandeep

Bağlantıyı da kontrol edin coding.smashingmagazine.com/2010/06/07/…
sandeep

IE display: inline-block ;, kötü örnek destekliyor.
reisio

Bununla birlikte, 'width' özelliği için özellikle yararlı bir kesmek gibi görünmüyor. En azından tuhaflık modunun dışında değil.
reisio

2

IE9'da width özelliğini ayarlamak için bu hack'i eklemeniz yeterlidir.

Örneğin

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

2

IE9 için CSS Hack

/* Hack CSS IE9 */
.csshackie9 {color:#f00\9\0\;}

7
dışarıda bağlantı yapmak yerine bu hack nedir hakkında daha fazla bilgi yayınlamanız gerekir. Ayrıca, herkes Rusça konuşmuyor.
Marcin Orlowski

1
Yayınladığınız bağlantı rus bloguna olduğu için İngilizce bazı temel bilgiler sağlamak daha iyi olacaktır.
Artemix

OP, kendini anlatmalısın ve git ve yaramaz adımda oturmalısın.
slugmandrew
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.