Pertanyaan yang diberi tag «css»

CSS (Cascading Style Sheets) adalah bahasa lembar gaya representasi yang digunakan untuk menjelaskan tampilan dan pemformatan dokumen HTML (HyperText Markup Language), XML (Extensible Markup Language) dan elemen SVG termasuk (tapi tidak terbatas pada) warna, tata letak, font, dan animasi. Ini juga menjelaskan bagaimana elemen harus ditampilkan di layar, di atas kertas, dalam pidato, atau di media lain.

15
Gunakan transisi CSS3 dengan latar belakang gradien
Saya mencoba untuk transisi di hover dengan css di atas thumbnail sehingga saat di hover, gradien latar belakang memudar. Transisi tidak berfungsi, tetapi jika saya hanya mengubahnya ke rgba()nilai, itu berfungsi dengan baik. Apakah gradien tidak didukung? Saya mencoba menggunakan gambar juga, itu tidak akan mengubah gambar juga. Saya tahu …
23
Paksa DOM menggambar ulang / menyegarkan di Chrome / Mac
Sekali-sekali, Chrome akan membuat HTML / CSS yang valid dengan benar salah atau tidak sama sekali. Menggali melalui inspektur DOM sering cukup untuk membuatnya menyadari kesalahan cara dan menggambar ulang dengan benar, sehingga terbukti bahwa markupnya baik. Ini sering terjadi (dan dapat diprediksi) cukup dalam proyek yang sedang saya kerjakan …
6
Tombol input styling untuk iPad dan iPhone
Saya menggunakan CSS untuk mendesain tombol input di situs web saya, tetapi pada perangkat iOS, style digantikan oleh tombol default Mac. Apakah ada cara untuk mendesain tombol untuk iOS, atau cara untuk membuat hyperlink yang berperilaku seperti tombol kirim?
214 iphone  css  ios  ipad 
3
@media media query dan ASP.NET MVC clash syntax clash
Saya punya situs besar yang berjalan di ASP.NET MVC menggunakan mesin Razor view. Saya memiliki stylesheet dasar yang berisi semua gaya umum untuk seluruh situs. Namun, kadang-kadang, saya memiliki gaya khusus halaman yang pada <head>halaman - biasanya ini adalah satu atau 2 baris. Saya tidak terlalu suka menempatkan CSS <head>sebagai …
14
Atur opacity gambar latar tanpa mempengaruhi elemen anak
Apakah mungkin untuk mengatur opacity gambar latar tanpa mempengaruhi opacity elemen anak? Contoh Semua tautan di catatan kaki memerlukan peluru khusus (gambar latar belakang) dan opacity peluru khusus harus 50%. HTML <div id="footer"> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul> …
214 css  opacity 
7
Menggulir flexbox dengan konten yang meluap
Berikut kode yang saya gunakan untuk mencapai tata letak di atas: .header { height: 50px; } .body { position: absolute; top: 50px; right: 0; bottom: 0; left: 0; display: flex; } .sidebar { width: 140px; } .main { flex: 1; display: flex; flex-direction: column; } .content { flex: 1; display: …
5
Sass - Konversi Hex ke RGBa untuk opacity latar belakang
Saya memiliki Sass mixin berikut, yang merupakan modifikasi setengah lengkap dari contoh RGBa : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } Saya sudah menerapkan $opacityok, tapi sekarang saya terjebak dengan $colorbagian itu. Warna yang akan saya kirim ke …
10
Hanya deteksi acara klik pada elemen semu
Kode saya adalah: p { position: relative; background-color: blue; } p:before { content: ''; position: absolute; left:100%; width: 10px; height: 100%; background-color: red; } Silakan lihat biola ini: http://jsfiddle.net/ZWw3Z/5/ Saya ingin memicu acara klik hanya pada elemen pseudo (bit merah). Artinya, saya tidak ingin acara klik dipicu pada bit biru.
213 javascript  jquery  css 
14
Lapisan warna semi-transparan di atas gambar latar?
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 …
7
Glyphicons yang lebih besar
Bagaimana cara membuat Glyphicons yang lebih besar di twitter bootstrap 3.0 (bukan 2.3.x). Kode ini akan membuat glyphicons saya besar: <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> Bagaimana saya bisa mendapatkan ukuran ini tanpa menggunakan kelas btn-lg dengan hanya menggunakan rentang? Ini memberi glyphicon kecil: <span class="glyphicon …
16
Bagaimana gaya dt dan dd sehingga mereka berada di jalur yang sama?
Menggunakan CSS, bagaimana saya bisa menata yang berikut: <dl> <dt>Mercury</dt> <dd>Mercury (0.4 AU from the Sun) is the closest planet to the Sun and the smallest planet.</dd> <dt>Venus</dt> <dd>Venus (0.7 AU) is close in size to Earth, (0.815 Earth masses) and like Earth, has a thick silicate mantle around an …
212 html  css 
3
CSS sejajarkan satu item tepat dengan flexbox
https://jsfiddle.net/vhem8scs/ Apakah mungkin untuk memiliki dua item sejajar kiri dan satu item lurus kanan dengan flexbox? Tautan menunjukkannya dengan lebih jelas. Contoh terakhir adalah apa yang ingin saya capai. Di flexbox saya punya satu blok kode. Dengan float, saya memiliki empat blok kode. Itulah salah satu alasan mengapa saya lebih …
212 css  alignment  flexbox 
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.