Pertanyaan yang diberi tag «css»

Saya perlu menemukan cara untuk mengubah CSS: properti hover menggunakan JavaScript. Misalnya, saya memiliki kode HTML ini: <table> <tr> <td>Hover 1</td> <td>Hover 2</td> </tr> </table> Dan kode CSS berikut: table td:hover { background:#ff0000; } Saya ingin menggunakan JavaScript untuk mengubah properti hover <td> menjadi, katakanlah, background: # 00ff00. tahu saya …

93 javascript  html  css  dhtml 

Apakah mungkin untuk mengubah warna primer bootstrap agar sesuai dengan warna merek? Saya menggunakan tema kertas bootswatch dalam kasus saya.

93 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Saya memiliki div yang ingin saya tentukan untuk lebar dan tinggi TETAP, dan juga padding yang dapat diubah tanpa mengurangi lebar / tinggi DIV asli atau meningkatkannya, apakah ada trik CSS untuk itu, atau alternatif menggunakan padding?

93 css  html 

Bagaimana cara menyelaraskan seluruh isi html ke tengah?

93 html  css 

Saya ingin menggunakan satu fonta bernama "Aljazair" di seluruh situs web saya. Jadi, saya perlu mengubah semua tag HTML dan saya tidak ingin menulis kode yang berbeda untuk tag yang berbeda seperti: button{font-family:Algerian;} div{font-family:Algerian;} Metode yang ditulis di bawah ini juga sangat tidak disarankan: div,button,span,strong{font-family:Algerian;}

93 html  css  fonts  font-face 

Saya mencoba menghilangkan 2 file CSS yang membuat pemblokiran di situs saya - file tersebut muncul di Google Page Speed ​​Insights. Saya telah mengikuti metode yang berbeda, tidak satupun yang berhasil. Tapi, baru-baru ini, saya menemukan sebuah posting tentang Thinking Async dan ketika saya menerapkan kode ini: <script async src="https://third-party.com/resource.js"></script>itu …

93 html  css  asynchronous 

Saya mencoba membuat div semi-transparan menutupi seluruh layar. Saya mencoba ini: #dimScreen { width: 100%; height: 100%; background:rgba(255,255,255,0.5); } Tapi itu tidak mencakup keseluruhan layar, itu hanya mencakup area di dalam div.

93 css 

Saya mencoba untuk mengikat src dari sebuah gambar dalam sebuah elemen, tapi sepertinya tidak berhasil. Saya mendapatkan "Ekspresi tidak valid. Generated function body: {backgroundImage: {url (image)}". The dokumentasi mengatakan untuk menggunakan 'Kebab-kasus' atau 'unta-kasus'. <div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div> Berikut biola: https://jsfiddle.net/0dw9923f/2/

93 javascript  html  css  vue.js 

Saya memiliki wadah fleksibel dengan dua item fleksibel. Saya ingin menetapkan margin-top pada yang kedua, tetapi hanya jika dibungkus dan bukan pada garis fleksibel pertama. Jika memungkinkan, saya ingin menghindari penggunaan kueri media. Saya pikir margin-bottom pada elemen pertama bisa menjadi solusi. Namun, itu menambah ruang di bagian bawah ketika …

93 css  margin  flexbox 

Berikut ilustrasi masalah (diuji di Firefox dan Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Lihat di JSFiddle Perhatikan redruang ekstra di dalam bagian divbawah biru svg. Sudah mencoba pengaturan paddingdan margindari kedua elemen ke 0, tetapi tidak berhasil.

93 html  css  svg 

Sepertinya ada masalah dengan halaman saya di sini: http://www.lonewulf.eu Saat mengarahkan kursor ke gambar kecil, gambar bergerak sedikit ke kanan, dan itu hanya terjadi di Chrome. Css saya: .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: …

92 css  image  google-chrome  hover  opacity 

Apakah mungkin membuat navigasi sidebar tetap selalu tertuju pada scroll dalam tata letak yang lancar?

92 css  twitter-bootstrap  css-position  fluid-layout 

Inilah masalahnya. Saya memiliki gambar: <img alt="alttext" src="filename.jpg"/> Perhatikan tidak ada tinggi atau lebar yang ditentukan. Pada halaman tertentu saya hanya ingin menampilkan thumbnail. Saya tidak dapat mengubah html, jadi saya menggunakan CSS berikut: .blog_list div.postbody img { width:75px; } Yang (di sebagian besar browser) membuat laman dengan gambar mini …

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

Saya awalnya membuat aplikasi web dalam HTML, CSS dan JavaScript, kemudian diminta untuk membuatnya lagi di Bootstrap juga. Saya telah melakukan semuanya dengan baik, tetapi saya memiliki tombol sakelar di aplikasi web yang telah berubah kembali ke tombol radio (awalnya kotak centang) alih-alih tombol sakelar yang saya miliki sebelumnya. Kode …

92 javascript  jquery  css  twitter-bootstrap  jqtouch 

Apakah ada cara untuk mengimplementasikan fungsi callback dalam kasus animasi css3? Dalam kasus animasi Javascript itu mungkin tetapi tidak menemukan cara untuk melakukannya di css3. Salah satu cara yang bisa saya lihat adalah mengeksekusi callback setelah durasi animasi tetapi itu tidak memastikan bahwa itu akan selalu dipanggil tepat setelah animasi …

92 javascript  css  frontend