«css» etiketlenmiş sorular

CSS (Basamaklı Stil Sayfaları), HTML (Köprü Metni Biçimlendirme Dili), XML (Genişletilebilir İşaretleme Dili) belgelerinin ve SVG öğelerinin renk, düzen, yazı tipi, ve animasyonlar. Ayrıca öğelerin ekranda, kağıtta, konuşmada veya diğer ortamlarda nasıl oluşturulması gerektiğini de açıklar.

20
CSS: img: hover'da resim src'yi değiştir
<img>Üzerinde kaynak URL'yi değiştirmem gerekiyor hover. Bunu denedim ama işe yaramayacak: HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle Herhangi bir yardım memnuniyetle karşılanacaktır. Güncelleme: Bu yalnızca Webkit / Google Chrome için çalışır.
117 html  css 

5
z-endeksi mutlak konumla çalışmıyor
Konsolu (chrome \ firefox) açtım ve aşağıdaki satırları çalıştırdım: $("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />"); $("body").append("<div id=\"popupContent\" style=\"width:200px;height:200px;z-index:1000;background-color:white;\" >dasdasdsadasdasdasdasdasd</div>"); #PopupContent her şeyden önce olmalıdır ancak #popupFrame opaklığından etkilenir. Bunu çok tuhaf kılan içerik # popupFrame'de yer almıyor. Amaç, Firefox benzeri uyarı kutusu oluşturmaktır
117 html  css 

7
: Nth-child () veya: nth-of-type () 'ı rastgele bir seçici ile birleştirebilir miyim?
Keyfi bir seçiciyle eşleşen (veya eşleşmeyen) her n'inci çocuğu seçmenin bir yolu var mı ? Örneğin, her bir tek tablo satırını seçmek istiyorum, ancak satırların bir alt kümesi içinde: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this --> <td>Row <tr class="row"> <td>Row <tr …
117 css  css-selectors 


16
İki satırda metin taşma üç nokta
Taşma zamanı geldiğinde (ebeveynin sınırlarının dışına çıkma) metni üç nokta (...) ile sonlandırmak için CSS kurallarının bir kombinasyonunu kullanabileceğinizi biliyorum. Aynı efekti elde etmek, ancak metnin birden fazla satıra kaymasına izin vermek mümkün mü (sadece hayır demekten çekinmeyin)? İşte bir demo . div { width: 300px; height: 42px; overflow: hidden; …
117 html  css 

11
$ .Ajax gerçekleştirilirken yükleme resmini göster
Asenkron isteğin çalıştığını gösteren bir resmin nasıl gösterileceğini merak ediyorum. Zaman uyumsuz bir istek gerçekleştirmek için aşağıdaki kodu kullanıyorum: $.ajax({ url: uri, cache: false, success: function(html){ $('.info').append(html); } }); Herhangi bir fikir?
116 javascript  jquery  css 


6
Eşit olmayan bir CSS seçici var mı?
CSS'de! = (Eşit değil) gibi bir şey var mı? örneğin, aşağıdaki koda sahibim: input { ... ... } ama bazı girdiler için bunu geçersiz kılmam gerekiyor. Bunu, giriş etiketine "reset" sınıfını ekleyerek yapmak istiyorum, örneğin <input class="reset" ... /> ve sonra bu etiketi CSS'den atlayın. Bunu nasıl yapabilirim? Görebilmemin tek …
116 html  css  css-selectors 

16
Tarayıcıda CSS'yi test amacıyla devre dışı bırakma
Bir tarayıcıdaki (Firefox, Chrome ...) tüm harici CSS'yi devre dışı bırakmanın bir yolu var mı? Daha yavaş internet bağlantısı kullanıldığında, bazen CSS bilgisi olmadan tarayıcı tarafından yalnızca çıplak HTML yüklenir. Görünüşe göre sayfa ekrana ham yerleştirilmiş. Bunu StackOverflow ile de fark etmişsinizdir. CSS dosyaları yüklenmemiş olsa bile web sayfamın düzgün …
116 html  css  browser 



10
Flexbox, IE'de Dikey Olarak Ortalamıyor
Sayfada ortalanmış bazı Lipsum içeriğine sahip basit bir web sayfam var. Sayfa, Chrome ve Firefox'ta iyi çalışıyor. Pencerenin boyutunu küçültürsem, içerik pencereyi kapayana kadar doldurur ve ardından bir kaydırma çubuğu ekleyip içeriği ekranın dışına, aşağıya doğru doldurur. Ancak, sayfa IE11'de ortalanmıyor. Gövdeyi esneterek sayfanın IE'de ortalanmasını sağlayabilirim, ancak bunu yaparsam, …


16
CSS kural değerlerini JavaScript ile nasıl okuyorsunuz?
Satır içi stilde gördüğünüz format gibi bir CSS kuralının tüm içeriğini içeren bir dize döndürmek istiyorum. Bunu, belirli bir kuralda neyin bulunduğunu bilmeden yapabilmek istiyorum, bu yüzden onları sadece stil adına göre (gibi .style.width) çıkaramam . CSS: .test { width:80px; height:50px; background-color:#808080; } Şimdiye kadarki kod: function getStyle(className) { var …
116 javascript  html  css 

8
DIV'leri üst üste yığmak mı?
Birden çok DIV'yi aşağıdaki gibi biriktirmek mümkün mü: <div> <div></div> <div></div> <div></div> <div></div> </div> Yani tüm bu iç DIV'ler aynı X ve Y konumuna mı sahip? Varsayılan olarak, hepsi birbirinin altına düşer ve Y konumunu önceki DIV'nin yüksekliğine yükseltir. Bir tür şamandıra veya ekran veya başka bir numaranın ısırabileceğini hissediyorum. …
116 css  html  stack  css-float 

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.