Pertanyaan yang diberi tag «background-image»

Bagaimana cara menggunakan gradien CSS3 untuk saya background-colordan kemudian menerapkan a background-imageuntuk menerapkan semacam tekstur transparan cahaya?

1251 css  background-image  gradient 

Jawaban pertanyaan ini adalah upaya komunitas . Edit jawaban yang ada untuk meningkatkan pos ini. Saat ini tidak menerima jawaban atau interaksi baru. Dalam situasi apa lebih tepat menggunakan IMGtag HTML untuk menampilkan gambar, sebagai lawan dari CSS background-image, dan sebaliknya? Faktor dapat mencakup aksesibilitas, dukungan browser, konten dinamis, atau …

777 html  css  image  background-image 

Saya melihat sumber naskah pengguna greasemonkey dan memperhatikan hal-hal berikut dalam css mereka: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} Saya dapat menghargai bahwa skrip greasemonkey ingin menggabungkan apa pun yang ada di dalam sumber sebagai lawan dari host di server, itu sudah cukup jelas. Tetapi karena saya belum pernah …

475 css  base64  background-image  data-uri 

Saya memiliki file JPEG yang saya gunakan sebagai gambar latar belakang untuk halaman pencarian, dan saya menggunakan CSS untuk mengaturnya karena saya bekerja dalam konteks Backbone.js : background-image: url("whatever.jpg"); Saya ingin menerapkan filter blur CSS 3 hanya untuk latar belakang, tapi saya tidak yakin bagaimana gaya hanya satu elemen itu. …

467 css  background-image  css-filters 

Saya ingin menampilkan gambar dari URL dengan lebar dan tinggi tertentu walaupun memiliki rasio ukuran yang berbeda. Jadi saya ingin mengubah ukuran (mempertahankan rasio) dan kemudian memotong gambar ke ukuran yang saya inginkan. Saya dapat mengubah ukuran dengan imgproperti html dan saya dapat memotong dengan background-image. Bagaimana saya bisa melakukan …

334 html  css  background-image  image 

Saya memiliki gambar latar belakang di div berikut, tetapi gambar terpotong: <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"> Apakah ada cara untuk menampilkan gambar latar belakang tanpa memotongnya?

334 html  css  background-image 

Apakah mungkin memiliki dua gambar latar belakang? Sebagai contoh, saya ingin memiliki satu pengulangan gambar di bagian atas (repeat-x), dan pengulangan lainnya di seluruh halaman (repeat), di mana yang di seluruh halaman berada di belakang yang mengulang di bagian atas. Saya telah menemukan bahwa saya dapat mencapai efek yang diinginkan …

316 css  background-image 

Saya memiliki DIV dan saya ingin menempatkan pola sebagai latar belakang. Pola ini berwarna abu-abu. Jadi untuk membuatnya sedikit lebih bagus, saya ingin meletakkan "lapisan" warna transparan terang. Di bawah ini adalah apa yang saya coba tetapi tidak berhasil. Apakah ada cara untuk meletakkan lapisan berwarna di atas gambar latar …

213 css  background-image  background-color 

Saya memiliki situs web (g-floors.eu) dan saya ingin membuat latar belakang (dalam css saya telah mendefinisikan gambar-bg untuk konten) juga responsif. Sayangnya saya benar-benar tidak punya ide tentang bagaimana melakukan ini kecuali untuk satu hal yang dapat saya pikirkan tetapi ini cukup solusinya. Membuat banyak gambar dan kemudian menggunakan ukuran …

195 css  responsive-design  background-image  image-resizing 

Saya memiliki panel yang saya warnai biru jika panel ini dipilih (diklik). Selain itu, saya menambahkan tanda kecil ( .pnggambar) ke panel itu, yang menunjukkan bahwa panel yang dipilih sudah dipilih sebelumnya. Jadi jika pengguna melihat misalnya 10 panel dan 4 dari mereka memiliki tanda kecil ini, ia tahu bahwa …

169 css  background  background-image  background-color 

Apakah mungkin untuk menetapkan elemen background-imageSVG <path>? Misalnya, jika saya mengatur elemen class="wall", gaya CSS .wall {fill: red;}berfungsi, tetapi .wall{background-image: url(wall.jpg)}tidak .wall {background-color: red;}.

166 html  css  image  svg  background-image 

Saya ingin memutar gambar yang ditempatkan di tombol scrollbar di Chrome. Sekarang saya punya CSS dengan konten ini: ::-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; } Saya ingin memutar gambar tanpa memutar kontennya.

160 css  background-image  image-rotation 

Tujuan saya adalah membuat halaman HTML yang mirip dengan "bingkai foto". Dengan kata lain, saya ingin membuat halaman kosong yang dikelilingi oleh 4 gambar. Ini kode saya: <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> …

141 html  css  html-table  background-image 

Saya mencoba membuat efek "fade-in fade-out" menggunakan transisi CSS. Tapi saya tidak bisa mendapatkan ini untuk bekerja dengan gambar latar belakang ... 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 …

122 css  background  background-image  css-transitions 

Saya ingin mengatur gambar latar belakang ke div yang berbeda, tetapi masalah saya adalah: Ukuran gambar tetap (60px). Memvariasikan ukuran div Bagaimana saya bisa meregangkan gambar latar belakang untuk mengisi seluruh latar belakang div? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } Cek kodenya di sini.

102 css  html  background  background-image