«css» etiketlenmiş sorular

Buradaki sayfamla ilgili bir sorun var gibi görünüyor: http://www.lonewulf.eu Küçük resimlerin üzerine gelindiğinde, resim biraz sağa doğru hareket eder ve bu yalnızca Chrome'da gerçekleşir. CSS'im: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; …

92 css  image  google-chrome  hover  opacity 

Kenar çubuğu gezinmesinin her zaman akış düzeninde kaydırmada sabit kalmasını sağlamak mümkün mü?

92 css  twitter-bootstrap  css-position  fluid-layout 

İşte sorun. Bir resmim var: <img alt="alttext" src="filename.jpg"/> Yükseklik veya genişliğin belirtilmediğine dikkat edin. Bazı sayfalarda sadece bir küçük resim göstermek istiyorum. HTML'yi değiştiremiyorum, bu yüzden aşağıdaki CSS'yi kullanıyorum: .blog_list div.postbody img { width:75px; } Bu (çoğu tarayıcıda) tümü korunmuş en boy oranlarına sahip tek tip genişlikte küçük resimlerden oluşan …

92 javascript  css  internet-explorer  image  internet-explorer-6 

Bu koda sahibim: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> <li>Text …

92 html  css  twitter-bootstrap  twitter-bootstrap-3  responsive-design 

Css3 animasyonu durumunda bir geri arama işlevi uygulamanın herhangi bir yolu var mı? Javascript animasyonu olması durumunda mümkündür ancak css3'te yapmanın bir yolunu bulamamaktadır. Görebildiğim bir yol, animasyon süresinden sonra geri aramayı yürütmek, ancak bu her zaman animasyon bittikten hemen sonra çağrılacağından emin olmuyor. Tarayıcının kullanıcı arayüzü sırasına bağlı olacaktır. …

92 javascript  css  frontend 

işte bende Fiddle var ul { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; width: 100%; height: 100px; background: #333; padding: 15px; } ul li { padding: 15px; margin: 5px; background: #efefef; border: 1px solid #ccc; display: inline-block; list-style: none; } #item-1 { height: 50px; } #item-2 { height: 70px; …

92 html  css 

Oldukça ayrıntılı bazı DOM öğelerini bir: after sözde öğesi ile oluşturdum ve bunları Chrome Inspector veya Firebug veya eşdeğerinde inceleyip ince ayar yapabilmek istiyorum. Bu WebKit / Safari blog gönderisinde (2010 tarihli) bu özellikten bahsedilmesine rağmen, bu özelliği ne Chrome'da ne de Safari'de bulamıyorum. Chrome'un en azından incelemek için onay …

92 css  firefox  google-chrome  firebug  google-chrome-devtools 

CSS'de radyo düğmesinin boyutunu kontrol etmenin bir yolu var mı?

92 html  css  radio-button 

На этот вопрос есть ответы на Yığın Taşması için русском : Geri Bildirim CSS ile, aşağıdaki resimdeki gibi bir arka plan efektinden şeffaf bir metin kesmenin bir yolu var mı ? Metnin yerini alan görseller yüzünden tüm değerli SEO'yu kaybetmek üzücü olurdu. Önce gölgeleri düşündüm ama hiçbir şey çözemiyorum ... …

92 css  svg  fonts  css-shapes 

Web uygulaması geliştiriyorum ve benzersiz stil uygulamak için Microsoft Edge'in tarayıcısını diğerlerinden ayrı olarak tanımlamam gerekiyor. Edge'i CSS kullanarak tanımlamanın bir yolu var mı? Tıpkı, <!--[if IE 11]> Special instructions for IE 11 here <![endif]-->

92 css  browser  microsoft-edge 

Boş olmayan niteliklere uygulanan bir CSS seçici var mı? Kullanılması :not([Data-Attribute=''])maçları nitelik ise mevcut olmayan da. Gibi bir şey arıyorum [Data-Attribute!=''].

92 css  css-selectors 

Etiketimdeki belirli öğelerin arka planı olarak dinamik metin kullanmak istiyorum. Bu nedenle görüntüleri (dinamik metin) kullanabilirim. Bunu sadece CSS veya JavaScript ile nasıl yaparım?

92 html  css  background 

Aşağıdaki işaretlemeyle, bir CSS seçicinin, her div seçeneklerindeki ilk seçim menüsü dışında tümünü seçmesini istiyorum - bunlardan çok sayıda olabilir: <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option value="">Select Waranty</option> <option value="1">1 year guarantee</option> <option value="2">3 year guarantee</option> </select> </div> <div class="opt2"> <select title="Please choose Color"> <option value="">Select Color</option> …

92 html  css  css-selectors 

Aşağıdaki kodu göz önünde bulundurun : HTML: <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS: div { height: 50px; border: 1px solid blue; } Koymak için en kolay yöntem ne olurdu labelve inputortasında div(dikey)?

92 css  html  vertical-alignment 

Kullanıcı bir dokunmatik ekranı (mobil) kaydırırken bir sayfayı kaplayan sabit bir resmim var. O görüntüyü "tıklanamaz" veya "pasif" veya her neyse yapmak istiyorum, böylece bir kullanıcı o görüntüye dokunup sürüklerse, arkasındaki sayfa sanki görüntü etkileşimi "engellemiyor" gibi kaymaya devam ediyor. Mümkün mü? Gerekirse, ne demek istediğimi örnekleyen ekran görüntüleri sağlamaya …

92 html  css  mobile  scroll  touch