CSS3 Özelliği Calc Desteklemeyen Tarayıcılar İçin Alternatif

0
70
JavaScript
JavaScript

Bu yazımızda CSS3 de gelen calc özelliğinden bahsetmiştik. Tüm tarayıcıların calc desteklememesinden dolayı desteklemeyen tarayıcılarda tasarımınız bozulacaktır. Tasarımınızın jquery ile bozulmasını önleyebilirsiniz. Fakat javascript desteği olmayan tarayıcılarda bu fonksiyonda çalışmayacaktır.

* Öncelikle jquery kütüphanesini dahil etmelisiniz.

Jquery kütüphanesini dahil ettikden sonra isterseniz harici javascript dosyasına isterseniz dahili olarak script etiketi arasına aşağıdaki kodları ekleyin.

Eğer değer çıkarmak istiyorsanız:

$(“#katman”).css(“width”, “100%”).css(“width”, “=100px”);

/* id değeri katman olan nesneye %100 genişlikten 100px çıkar. */

Eğer değer eklemek istiyorsanız:

$(“#katman”).css(“width”, “100%”).css(“width”, “+=100px”);

/* id değeri katman olan nesneye %100 genişlik üzerine 100px ekle. */

CEVAP VER

Lütfen yorumunuzu yazın
Lütfen adınızı ve soyadınızı yazın.