Запитання з тегом «css»

Чи знаєте ви, як приховати класичну піктограму "Зображення не знайдено" із відображеної HTML-сторінки, коли файл зображення не знайдений? Будь-який робочий метод із використанням JavaScript / jQuery / CSS?

91 javascript  jquery  html  css  image 

ось що у мене є Скрипка 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 { …

91 html  css 

У мене є елемент зі стилем position: relative; transition: all 2s ease 0s; Потім я хочу плавно змінити його положення після натискання на нього, але коли я додаю зміну стилю, перехід не відбувається, натомість елемент миттєво рухається. $$('.omre')[0].on('click',function(){ $$(this).style({top:'200px'}); }); Однак, якщо я зміню colorвластивість, наприклад, вона змінюється плавно. $$('.omre')[0].on('click',function(){ …

91 javascript  css  transition 

Я знаю, щоб вертикально вирівняти текст по середині блоку, ви встановили висоту рядка на однакову висоту блоку. Однак якщо у мене є речення зі словом посередині, тобто 2em. Якщо ціле речення має висоту рядка, однакову з вміщуючим блоком, тоді більший текст вертикально вирівняний, але менший текст знаходиться на тій самій …

91 css  text  vertical-alignment  baseline 

У мене є повідомлення нижче (трохи змінене): "Участь у змаганнях до 30 січня 2011 р., І ти можеш виграти до $$$$ - включаючи дивовижні літні поїздки!" На даний момент я маю: <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> форматування текстового рядка, але потрібно змінити колір "30 січня 2011 р." на # FF0000 …

91 html  css  text  colors  inline 

У мене є чистий CSS-розбірний div, який базується на чужому коді, який використовує :targetpsuedoclass. Я намагаюся створити сторінку з 12+ запитаннями, і коли ви натискаєте кнопку +, відповідь div розширюється внизу. Я не можу зрозуміти, як створити кілька елементів, що згортаються, на цій сторінці, не написавши купу додаткових CSS. Хто-небудь …

91 css  collapsable 

Розглянемо такий код : HTML: <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS: div { height: 50px; border: 1px solid blue; } Яким буде найпростіший спосіб поставити labelі inputв середині div(вертикально)?

91 css  html  vertical-alignment 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> Не можу …

91 css  twitter-bootstrap  bootstrap-4 

Я боровся з налаштуванням libsass, оскільки він був не таким прямим, як перекладач на основі Ruby. Хтось може пояснити, як: встановити libsass? використовувати його з командного рядка? використовувати його з бігунками завдань, такими як глотка та бурчання? Я маю невеликий досвід роботи з менеджерами пакунків і тим менше з програмами, …

91 css  sass  gulp-sass  node-sass  libsass 

Я намагаюся додати цей код до динамічно створеного елемента div style = "width:330px;float:left;" Код, в якому створюється динаміка, divє var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>' + sSearchStr + '</label>'; Моя ідея полягає в тому, щоб додати стиль після, < div class="well"але я не знаю, як це …

91 javascript  css  innerhtml 

Я розробляю веб-сторінку в змішаному веб-браузері (Chrome / IE11). IE11 не підтримує змінні CSS, чи існує поліфіл або сценарій, який би дозволив мені використовувати змінні CSS в IE11?

91 css  internet-explorer-11  polyfills 

Я намагаюся відцентрувати внутрішні елементи <button>-tag за допомогою flexbox justify-content: center. Але Safari їх не центрує. Я можу застосувати той самий стиль до будь-яких інших тегів, і він працює за призначенням (див. <p>-Tag). Тільки кнопка вирівняна за лівим краєм. Спробуйте Firefox або Chrome, і ви побачите різницю. Чи є якийсь …

91 html  css  safari  flexbox  css-grid 

Отже, можна мати зворотну анімацію на миші, наприклад: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } але, використовуючи анімацію @keyframes, я не міг змусити її працювати, наприклад: .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe out{ to {transform: rotate(0deg);} } …

91 css  animation 

У iOS (Safari 5) для елемента введення (верхня внутрішня тінь) я повинен дотримуватися: Я хочу видалити верхню тінь, помилка -webkit-appearanceне зберігає. Поточний стиль: input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align: center; background: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; }

91 ios  css  input 

Я хочу, щоб гнучкі елементи були відцентровані, але коли у нас є другий рядок, щоб їх було 5 (з малюнка нижче) під 1, а не по центру в батьківському. Ось приклад того, що я маю: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } …

91 html  css  flexbox