«background-image» etiketlenmiş sorular

Benim için CSS3 gradyanlarını nasıl kullanırım background-colorve ardından bir background-imagetür hafif şeffaf doku uygulamak için a'yı nasıl uygulayabilirim?

1250 css  background-image  gradient 

Bu sorunun cevapları bir toplum çabasıdır . Bu yayını iyileştirmek için mevcut yanıtları düzenleyin. Şu anda yeni yanıtları veya etkileşimleri kabul etmiyor. Hangi durumlarda IMGbir görüntüyü görüntülemek için bir CSS yerine HTML etiketi kullanmak daha uygun background-imageolur? Faktörler erişilebilirlik, tarayıcı desteği, dinamik içerik veya herhangi bir teknik sınırlama veya kullanılabilirlik …

777 html  css  image  background-image 

Bir greasemonkey usercript kaynağına bakıyordu ve kendi css aşağıdaki fark ettim: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} Bir greasemonkey betiğinin bir sunucuda barındırmak yerine kaynak içinde yapabileceği her şeyi paketlemek isteyeceğini takdir edebilirim, bu yeterince açık. Ancak bu tekniği daha önce görmediğim için, kullanımını düşündüm ve birkaç nedenden dolayı …

475 css  base64  background-image  data-uri 

Bir arama sayfası için arka plan görüntüsü olarak kullandığım bir JPEG dosyası var ve Backbone.js bağlamlarında çalıştığım için ayarlamak için CSS kullanıyorum : background-image: url("whatever.jpg"); Sadece arka plana bir CSS 3 bulanıklık filtresi uygulamak istiyorum , ama sadece bir eleman nasıl stil emin değilim. Eğer denersem: -webkit-filter: blur(5px); -moz-filter: blur(5px); …

467 css  background-image  css-filters 

Aşağıdaki div bir arka plan görüntüsü var, ancak görüntü kesilir: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> Arka plan resmini kesmeden göstermenin bir yolu var mı?

334 html  css  background-image 

Farklı bir boyut oranına sahip olsa bile, belirli bir genişlik ve yükseklikte bir URL'den bir resim göstermek istiyorum. Bu yüzden yeniden boyutlandırmak (oranı koruyarak) ve daha sonra görüntüyü istediğim boyuta kesmek istiyorum. Html imgözelliği ile yeniden boyutlandırabilir ve ile kesebilir background-image. Her ikisini de nasıl yapabilirim? Misal: Bu görüntü: 800x600Piksel …

333 html  css  background-image  image 

İki arka plan resmi olması mümkün müdür? Örneğin, bir görüntünün üst kısımda tekrarlanmasını (repeat-x) ve tüm sayfa boyunca başka bir tekrarın (tekrar) olmasını istiyorum. Ben html ve vücut arka planını ayarlayarak iki arka plan resimleri için istenen efekti elde edebilirsiniz buldum: html { background: url(images/bg.png); } body { background: url(images/bgtop.png) …

316 css  background-image 

Bir DIV var ve arka plan olarak bir desen koymak istiyorum. Bu desen gridir. Bu yüzden biraz daha güzel yapmak için, üzerine açık şeffaf bir renk "katmanı" koymak istiyorum. Aşağıda denedim ama işe yaramadı. Renkli katmanı arka plan resminin üzerine koymanın bir yolu var mı? İşte benim CSS: background: url('../img/bg/diagonalnoise.png'); …

213 css  background-image  background-color 

Bir web sitesi (g-floors.eu) var ve (css içeriği için bir bg-görüntü tanımladım) arka plan da duyarlı yapmak istiyorum. Ne yazık ki, aklıma gelen tek bir şey dışında bunun nasıl yapılacağı hakkında hiçbir fikrim yok ama oldukça geçici bir çözüm. Birden fazla görüntü oluşturma ve sonra görüntüleri değiştirmek için css ekran …

197 css  responsive-design  background-image  image-resizing 

Bu panel seçiliyse (üzerine tıklanırsa) mavi renklendirdiğim panelim var. Ayrıca, .pngo panele, seçilen panelin daha önce seçilmiş olduğunu gösteren küçük bir işaret ( resim) ekliyorum . Kullanıcı örneğin 10 panel görürse ve 4 tanesi bu küçük işarete sahipse, daha önce bu panelleri tıkladığını bilir. Bu iş şimdiye kadar iyi. Sorun …

169 css  background  background-image  background-color 

background-imageSVG <path>öğesi için a ayarlamak mümkün müdür ? Örneğin, öğeyi ayarlarsam class="wall", CSS stili .wall {fill: red;}çalışır, ancak .wall{background-image: url(wall.jpg)}çalışmaz..wall {background-color: red;} .

166 html  css  image  svg  background-image 

Chrome'daki kaydırma çubuğu düğmesine yerleştirilen resmi döndürmek istiyorum. Şimdi bu içeriğe sahip bir CSS var: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } Görüntüyü içeriğini döndürmeden döndürmek istiyorum.

160 css  background-image  image-rotation 

Amacım, "fotoğraf çerçevesine" benzer bir HTML sayfası oluşturmak. Başka bir deyişle, 4 fotoğrafla çevrili boş bir sayfa yapmak istiyorum. Bu benim kodum: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> </tr> <tr> <td class="bBottom" colspan="3"> </td> </tr> </table> Ve CSS sınıfları …

141 html  css  html-table  background-image 

CSS geçişini kullanarak "belirme karartma" efekti yapmaya çalışıyorum. Ama bunu arka plan resmiyle çalıştıramıyorum ... CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } .title a:hover { background: transparent; …

122 css  background  background-image  css-transitions 

Bu soru daha önce sorulmuştu ancak çözüm benim durumumda geçerli değil. Sayfanın ayrılmaz bir parçası oldukları için belirli arka plan resimlerinin yazdırıldığından emin olmak istiyorum. (CSS sprite olarak kullanılan birkaçı olduğundan, doğrudan sayfadaki resimler değildir.) Aynı soruyla ilgili başka bir çözüm, list-style-imageyalnızca her simge için farklı bir görüntünüz varsa işe …

104 css  printing  background-image