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

CSS (Каскадні таблиці стилів) - мова аркуша стилю представлення, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.

15
Як увімкнути прокрутку вмісту всередині модальної версії?
Я намагаюся вмістити багато тексту в модальне поле, створене за допомогою Twitter Bootstrap, але у мене проблема: вміст відмовляється прокручувати. Я спробував додати overflow:scrollі overflow-y:scroll, але безрезультатно; це просто змушує його відображати смугу прокрутки, фактично не дозволяючи прокрутку. У чому причина цього і що я можу зробити?
7
Зробіть нижній колонтитул нижньою частиною сторінки за допомогою Twitter Bootstrap
У мене є кілька веб-сторінок, які не мають багато вмісту, і нижній колонтитул знаходиться посередині сторінки, але я хочу, щоб він знаходився внизу. Я поклав усі свої сторінки в "тримач" #holder { min-height: 100%; position:relative; } А потім використав наступний CSS для мого колонтитула ul.footer { margin-top: 10px; text-align: center; …
3
Як розрахувати необхідний відтінок-поворот для створення певного кольору?
У мене є біле зображення, яке я використовую як фон для div, і я хотів би забарвити, щоб він відповідав основному кольору тем. Я усвідомлюю, що можу зробити: filter: sepia() saturate(10000%) hue-rotate(30deg); і прокрутити, hue-rotateщоб знайти колір, але чи можна обчислити це значення заздалегідь? Враховуючи, що вказане шістнадцяткове значення досить …
75 css  css-filters 
5
Основний CSS - як накласти DIV на напівпрозорий DIV зверху
Я намагаюся зробити цей рендер прямо у своєму браузері (Chrome). У мене є обгортка, що вміщує всі елементи HTML, і я хочу мати DIV (давайте назвемо це div-1), який вміщує зображення, і має накладений div зверху ліворуч, як я накреслив у цьому малюнок ... якісь швидкі рішення?
75 css  html 
8
Перехід до нового рядка з вбудованим блоком?
Я хочу видалити <br />'s і зробити лінії розриву через CSS. Якщо я зміню display:blockрозмах на ширину, вона піде на 100%, і мені потрібно, щоб ширина була точно такою ж довжиною тексту, як зараз. Будь-які пропозиції? <div class="fullscreen"> <p class="text"> <span class="medium">We</span> <br /> <span class="large">build</span> <br /> <span class="medium">the</span> …
75 css 
4
Видаліть усі стилі (облямівки, світіння) з текстової області
Я хочу вийняти стилі з текстової області і залишити його всім білим, без будь-яких меж і світіння, якщо це можливо. Я пробував з різними речами, знайденими тут на SO, але нічого не працює (спробував з FF та Chrome). Отже, чи можливо це, і якщо так, то як це зробити? Те, …
75 css  forms  textarea  border 
8
Видаліть або вимкніть межу фокусування браузера за допомогою javascript
Хтось знає, як відключити або маніпулювати (у більшості браузерів) пунктирною межею елемента dom, якщо він має фокус у порядку табіндексу? Я хочу побудувати свій власний стиль для зосередженого елемента, але було б чудово використовувати існуючу функцію, оскільки за допомогою tabindex можна прив'язати подію клавіатури до елемента dom.
6
Виправити проблему з розміром шрифту в Mobile Safari (iPhone), коли текст відображався непослідовно, а деякі шрифти більші за інші?
Наш сайт відображає невідповідні розміри шрифтів у мобільному Safari - і, наскільки ми можемо зрозуміти, лише в Mobile Safari. Це нас дуже тупило. Ми проаналізували сайт за допомогою Firebug, і неправильні області успадковують правильні стилі, проте шрифти все ще відображаються з неправильними розмірами. 1) Відвідайте http://www.panabee.com . 2) Проведіть пошук …
2
Обертовий глобус у CSS
Я створюю ефект обертання землі в CSS. Я створив глобус у CSS: body { background-color: #111; } #earth { width: 300px; height: 300px; background: url(https://web.archive.org/web/20150807125159if_/http://www.noirextreme.com/digital/Earth-Color4096.jpg); border-radius: 50%; background-size: 610px; box-shadow: inset 8px 36px 80px 36px rgb(0, 0, 0), inset -6px 0 12px 4px rgba(255, 255, 255, 0.3); animation-name: rotate; animation-duration: …
6
Як змусити div з’являтися внизу, а не поруч з іншим?
Я хотів би розмістити свій div під списком, але насправді він розміщений поруч зі списком. Список генерується динамічно, тому він не має фіксованої висоти. Я хотів би, щоб div карти знаходився праворуч, а ліворуч (поруч із картою) список розміщувався зверху, а другий div під списком (але все-таки праворуч від карти) …
75 html  css 
6
jQuery - липкий заголовок, який стискається при прокрутці вниз
Цікаво, як зробити липкий заголовок стиснутим (з анімацією), коли ви прокручуєте сторінку вниз і повертаєтеся до нормального стану, коли сторінка прокручується вгору. Ось два приклади для роз’яснення: http://themenectar.com/demo/salient/ http://www.kriesi.at/themes/enfold/ Я отримую деталь, щоб це виправити, але як я повинен зробити, щоб зменшити заголовок, коли користувач прокручує вниз? Дякую тонна
8
Просуньте ефект вгору / вниз за допомогою ng-show та ng-animate
Я намагаюся використовувати, ng-animateщоб отримати поведінку, подібну до JQuery slideUp()та slideDown(). Тільки я волів би скористатисяng-show Я переглядаю підручник з ng-animate тут - http://www.yearofmoo.com/2013/04/animation-in-angularjs.html , і я можу відтворити ефект затухання / виходу у наведеному прикладі. Як я можу змінити CSS, щоб отримати поведінку слайд вгору / вниз? Крім того, …
74 css  angularjs 
17
Як змінити колір вимкнених елементів керування html в IE8 за допомогою css
Я намагаюся змінити колір елементів керування введенням, коли вони вимкнені за допомогою наступного css. input[disabled='disabled']{ color: #666; } Це працює в більшості браузерів, але не в IE. Я можу змінити будь-які інші властивості стилю, такі як колір фону, колір межі тощо ... тільки не колір. Хто-небудь може це пояснити?
2
Що таке псевдоелемент :: content / :: і як він працює?
Це неможливо для Google, оскільки в кожній статті, де йдеться про :beforeі :afterпсевдоелементи, використовується слово "вміст". Я чув про це в цій статті CSS-Tricks, пояснюючи, як реалізувати повзунок зображення як приклад використання для веб-компонентів. Приклад коду, який він відображається всередині, є таким: CSS #slides ::content img { width: 25%; float: …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.