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

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

10
Як я можу змусити CSS ефект скла / розмиття працювати для накладання?
У мене виникають проблеми із застосуванням ефекту розмиття на напівпрозорий розділовий шар. Я хотів би, щоб все за дівом було розмитим, як ось це: Ось jsfiddle, яка не працює: http://jsfiddle.net/u2y2091z/ Будь-які ідеї, як зробити цю роботу? Я б хотів, щоб це було максимально нескладним та було б перехресним браузером. Ось …
101 html  css  blur  css-filters 
8
Чорний прозорий наклад на зображення наближається лише до CSS?
Я намагаюся додати прозоре чорне накладення до зображення, коли миша наводить на зображення лише за допомогою CSS. Чи можливо це? Я спробував це: http://jsfiddle.net/Zf5am/565/ Але я не можу змусити діва з’явитися. <div class="image"> <img src="http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg" alt="" /> <div class="overlay" /> </div> .image { position: relative; border: 1px solid black; width: …
101 css 
11
Колір фону тексту у SVG
Я хочу забарвити фон svg, textподібний до background-colorcss Мені вдалося знайти лише документацію щодо того fill, який колір самого тексту Чи можливо це навіть?
15
Анімація CSS3: дисплей + непрозорість
У мене проблема з анімацією CSS3. .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } Цей код працює, лише якщо я видалю зміну display. Я хочу змінити дисплей відразу після наведення, але …
101 animation  css 
3
Як я можу поєднати флексбокс і вертикальну прокрутку в програмі на всю висоту?
Я хочу використовувати повнорозмірний додаток за допомогою flexbox. Я знайшов те, що хочу, використовуючи старий модуль макета flexbox ( display: box;та інші речі) за цим посиланням: CSS3 Flexbox full-height app and overflow Це правильне рішення для браузерів, які підтримують лише стару версію властивостей CSS flexbox. Якщо я хочу спробувати використовувати …
101 html  css  flexbox 
2
Рядки однакової висоти в макеті сітки CSS
Я вважаю, що цього неможливо досягти за допомогою Flexbox, оскільки кожен рядок може бути лише мінімальною висотою, необхідною для розміщення його елементів, але чи можна цього досягти за допомогою новішої CSS Grid? Щоб було зрозуміло, я хочу однакову висоту для всіх елементів у сітці по всіх рядках, а не лише …
13
Як вам навести курсор на ReactJS? - onMouseLeave не зареєстрований під час швидкого наведення курсору на
Як ви можете досягти події наведення або активної події в ReactJS, коли ви робите вбудований стиль? Я виявив, що підхід onMouseEnter, onMouseLeave є помилковим, тому сподіваючись, що існує інший спосіб це зробити. Зокрема, якщо дуже швидко навести курсор на компонент, реєструється лише подія onMouseEnter. OnMouseLeave ніколи не запускається, і, отже, …
2
Як застосувати стиль до всіх дочірніх елементів
У мене є елемент с class='myTestClass'. Як застосувати стиль css до всіх дочірніх елементів цих елементів? Я хочу застосувати стиль лише до елементів дітей. Не його внуки. Я міг би використати .myTestClass > div { margin: 0 20px; } які працюють для всіх divдітей, але я хотів би рішення, яке …
101 css  css-selectors 
18
Спадне меню завантаження не працює
У мене виникають проблеми з тим, щоб мої спадні файли працювали. Я можу змусити навігацію відображатися ідеально, але коли я натискаю кнопку "Випадаюче меню" (будь-яке з них), воно не відображає спадне меню. Я спробував розглянути інші повідомлення про це, але нічого, що вирішило проблеми кожного, не допомогло. Я скопіював джерело …
8
CSS-обговорення слів у діві
У мене є div з шириною 250px. Коли внутрішній текст ширший, ніж я, я хочу, щоб він руйнувався. Діл float: зліва і тепер має переповнення. Я хочу, щоб смуга прокрутки відійшла, використовуючи обгортання слів. Як я можу цього досягти? <div id="Treeview"> <div id="HandboekBox"> <div id="HandboekTitel"> <asp:Label ID="lblManual" runat="server"></asp:Label> </div> <div …
100 css  html  word-wrap 
4
Обчислення ширини від відсотка до пікселя, то мінус на піксель у МЕНШІЙ CSS
Я буду обчислювати ширину в якомусь елементі від відсотків до пікселів, тому я буду мінус -10px за допомогою використання LESS та calc () . Це можливо? div { span { width:calc(100% - 10px); } } Я використовую CSS3, calc()щоб він не працював:calc(100% - 10px) Приклад: якщо 100% = 500px, так …
100 css  less  pixel 
3
Як визначити висоту таблиці таким чином, щоб з’явилася вертикальна смуга прокрутки?
На своїй сторінці у мене є таблиця з багатьма рядками. Я хотів би встановити висоту таблиці, скажімо, для 500px, так що якщо висота таблиці більша за цю, з'явиться вертикальна смуга прокрутки. Я намагався використовувати heightатрибут CSS на table, але це не працює.
100 css  css-tables 
9
Альтернативні кольори фону для елементів списку
У мене є список, і кожен елемент пов'язаний, чи є спосіб чергувати кольори фону для кожного елемента? <ul> <li><a href="link">Link 1</a></li> <li><a href="link">Link 2</a></li> <li><a href="link">Link 3</a></li> <li><a href="link">Link 4</a></li> <li><a href="link">Link 5</a></li> </ul>
100 html  css 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.