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

Я переглянув кілька публікацій на StackOverflow, але не зміг знайти відповідь на це досить просте запитання. У мене є така конструкція HTML: <table> <tr> <td class="thatSetsABackground"> <div class="thatSetsABackgroundWithAnIcon"> <dl> <dt>yada </dt> <dd>yada </dd> </dl> <div> </td> <td class="thatSetsABackground"> <div class="thatSetsABackgroundWithAnIcon"> <dl> <dt>yada </dt> <dd>yada </dd> </dl> <div> </td> </tr> </table> …

99 html  css  html-table 

Як і багато людей, я хотів би налаштувати потворне input type=file, і я знаю, що це неможливо зробити без деяких хаків та / або javascript. Справа в тому, що в моєму випадку кнопки завантаження файлу призначені лише для завантаження зображень ( jpeg | jpg | png | gif ), тому …

99 css  image  file  button  input 

Раніше моє припущення про width: autoте, що ширина встановлена ​​на ширину вмісту. Тепер я бачу, що це займає всю ширину батьківської. Хто-небудь може описати різницю між ними?

99 html  css 

Скажімо, правило таке: .largeField { width: 65%; } Чи є спосіб якось повернути '65% ', а не значення пікселя? Дякую. EDIT: На жаль, використання методів DOM в моєму випадку недостовірне, оскільки у мене є таблиця стилів, яка імпортує інші таблиці стилів, і як результат, параметр cssRules закінчується або нульовим, або …

98 jquery  css 

Я випадково побачив divякий мав стиль clear:both! Що таке використання clearв style? <div style="clear:both">

98 html  css 

У чому різниця між властивостями дисплей та видимість?

98 css 

Я хотів би створити парадоксальний ефект через властивість z-index CSS . У моєму коді є п’ять кіл, як на зображенні нижче, і всі вони абсолютно розміщені без визначеного z-index. Тому за замовчуванням кожне коло перекриває попереднє. Зараз коло 5 перекриває коло 1 (зображення ліворуч). Парадокс, якого я хотів би досягти, …

98 css  z-index 

Я знайшов цей CSS-код і запустив його, щоб побачити, що він робить, і він окреслив КОЖЕН елемент на сторінці, Чи може хтось пояснити, що робить зірочка * у CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: …

98 css  css-selectors 

У мене є два абсолютно розміщені елементи Div, які перекриваються. Обидва встановили значення z-індексу через css. Я використовую translate3dперетворення webkit, щоб анімувати ці елементи з екрану, а потім повернутися на екран. Після перетворення елементи більше не поважають їх встановлені z-indexзначення. Чи може хтось пояснити, що відбувається з z-індексом / стеком-порядком …

98 css  webkit  transform 

Я мігрую свої теми Bootstrap з v2.3.2 на v3.0.0, і одне, що я помітив, - це те, що багато розмірів обчислюються по-різному, завдяки наступним стилям у bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Хто-небудь може пояснити, чому Bootstrap перемикає розмір коробки всіх елементів на рамку? …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

Я хочу створити кнопку переключення в html за допомогою css. Я хочу, щоб при натисканні на нього він залишався натиснутим, а потім, коли ви знову клацаєте на ньому, він вискакує. Якщо немає можливості це зробити, просто використовуючи css. Чи є спосіб це зробити за допомогою jQuery?

98 jquery  html  css 

З тих пір, як виникли проблеми з використанням Cufon, я наважився не використовувати зовнішні ресурси шрифту, але, як пізно, я шукав альтернативні методи завантаження шрифтів, щоб побачити, чи є кращий спосіб; кращі методи мають спосіб просто проявитись із синього боку. Існує багато нових методів, і варіантів для кожного методу здається; …

98 javascript  css  fonts  webfonts 

З різних причин мені потрібно розмістити (переважно) прозорий <div>текст. Однак це означає, що на тексті не можна клацати (наприклад, клацати посиланнями або виділяти його). Чи можна було б просто зробити цей div "невидимим" для клацань та інших подій миші? Наприклад, overlayобкладинка div охоплює текст, але я хотів би мати можливість …

98 html  css  events 

У мене є просте розширення Chrome, яке використовує функцію сценарію вмісту для зміни веб-сайту. Точніше, background-imageзазначений веб-сайт. З якихось причин я не можу використовувати локальні зображення, навіть якщо вони упаковані в розширення. body { background: #000 url('image.jpg') !important; background-repeat: repeat !important; } Ось і все, найпростіший CSS ... але це …

98 css  google-chrome-extension  background-image 

Я використовував макет CSS flex box, який відображається, як показано нижче: Якщо екран стає менше, це перетворюється на таке: Проблема полягає в тому, що розміри зображень не змінюються, зберігаючи пропорції до вихідного зображення. Чи можна за допомогою чистого CSS та макета flex box змінити розмір зображень, якщо екран стає менше? …

98 html  css  flexbox