CSS Dersleri

IE 8 için CSS Düzeltmesi(Hack)

Fatih Hayrioğlu

Fatih Hayrioğlu

— 1 min read
ie8

İnternet Explorer 8 çıktı ve hızla yayılıyor. Sitemi ziyaret edenlerin %5'i İnternet Explorer 8 kullanıcısı imiş. Bir makalede görmüştüm. İnternet Explorer 8'in hızlı yayılması ile alakalı.

Burada ie8'de css düzeltmesi yapmamız gerektiğinde nasıl bir yol izleyeceğimiz konusunda bir ipucu vereceğim.

{% highlight css %} .uyari { color /***/: red9 } {% endhighlight %}

Bir çok yerde bu kodun tek başına ie8 için yeterli olduğu yazıyor. Ama ben test ettiğimde ie7'de bu kodu görüyor. Bunun için

{% highlight css %} .uyari{color:blue} /* tum taricilar / .uyari { color /*/: red\9 } / ie8 ve ie 7 */ +html .uyari{color:blue} / ie 7 */ {% endhighlight %}

Şeklinde bir çözüm işimize yaracaktır.

Örneği görmek için tıklayınız.

Ayrıca şartlı yorumlar yardımı ile de yapabiliriz.

{% highlight html %} <!–[if gte IE 8]> .uyari { color: red; } <![endif]–> {% endhighlight %}

Ayrıca daha önce bahsettiğimiz ie7 gibi yorumlama kodu var.

{% highlight html %} {% endhighlight %}

Testlerimi ietester ile yaptım.

Read more

CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

Bir önceki yazımda bahsettiğim gibi CSS'in yeni özelliklerinin bazıları çığır açan özellikler, bazıları kulllanıcı deneyimini iyileştirme yönünde özellikler bazıları da lightdark() fonksiyonu gibi yazım kolaylığı sağlayan özellikler. lightdark() fonksiyonu mevcut uyumlu web yazımındaki büyük sorun olan aşağıdaki kullanımı daha anlaşılır ve düzenli hale getirmeye yarıyor. :root { color-scheme: light

By Fatih Hayrioğlu