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

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



7
Як у jQuery можна встановити властивості елемента "верхній, лівий" елемента зі значеннями позиції щодо батьківського, а не документа?
.offset([coordinates])метод встановлює координати елемента, але лише відносно документа. Тоді як я можу встановити координати елемента, але відносно батьківського? Я виявив, що .position()метод отримує лише значення "верхній, лівий" щодо батьківського, але він не встановлює жодних значень. Я спробував $("#mydiv").css({top: 200, left: 200}); але не працює.


22
Зробити відповідний кадр iframe
Я читав це повідомлення про stackoverflow під назвою "Чи можете ви зробити iFrame чуйним?", І один із коментарів / відповідей привів мене до цього jfiddle. Але коли я спробував реалізувати HTML та CSS, щоб відповідати моїм потребам, у мене не було однакових результатів / успіху. Я створив свою власну загадку …

27
Як запобігти липким ефектам наведення для кнопок на сенсорних пристроях
Я створив карусель із попередньою та наступною кнопкою, які завжди видно. Ці кнопки мають стан наведення курсора, вони синіють. На пристроях із дотиком, як-от iPad, стан наведення вказівника липкий, тому кнопка залишається синьою після натискання на неї. Я цього не хочу. Я міг би додати no-hoverклас ontouchendдля кожної кнопки і …
144 javascript  css  hover  touch 

10
Як застосувати непрозорість до змінної кольору CSS?
Я розробляю додаток в електронному вигляді, тому в мене є доступ до змінних CSS. Я визначив змінну кольору в vars.css: :root { --color: #f0f0f0; } Я хочу використовувати цей колір у main.css, але із застосуванням деякої непрозорості: #element { background: (somehow use var(--color) at some opacity); } Як би я …

10
Непрозорість CSS не працює в IE8
Я використовую CSS для позначення тексту тригера для розсувного розділу jQuery: тобто, коли навести курсор на текст тригера, курсор змінюється на покажчик, і непрозорість тексту тригера зменшується, щоб вказати, що текст має дію натискання . Це добре працює у Firefox та Chrome, але в IE8 непрозорість не змінюється. Я спробував …

23
Чому я не можу зберегти зміни CSS у Firebug? [зачинено]
Наразі це запитання не підходить для нашого формату запитань. Ми очікуємо, що відповіді будуть підкріплені фактами, посиланнями або експертними знаннями, але це питання, ймовірно, вимагатиме дискусій, аргументів, опитувань чи розширеної дискусії. Якщо ви вважаєте, що це питання можна вдосконалити та, можливо, знову відкрити, відвідайте довідковий центр для ознайомлення . Закрито …
143 css  firebug 

15
Видалення закруглених кутів з елемента <select> в Chrome / Webkit
Таблиця стилів користувацьких агентів для Chrome надає радіус межі 5 пікселів у всі кути &lt;select&gt;елемента. Я намагався позбутися цього, застосувавши радіус 0px через свій зовнішній таблицю стилів, а також вбудований у сам елемент; Я спробував border-radius:0pxі те, -webkit-border-radius:0px;і я спробував ще більш конкретний border-top-left-radius:0px(разом з його -webkit еквівалентом). Жоден не …
143 select  webkit  css 

4
CSS: Як мати позицію: абсолютний div всередині позиції: відносний div не повинен бути обрізаний переливом: приховано на контейнері
У мене є 3 рівні div: (Зеленим кольором внизу) Верхній рівень divс overflow: hidden. Це тому, що я хочу, щоб якийсь вміст (не показаний тут) всередині цього вікна був обрізаний, якщо він перевищує розмір поля. (Червоним кольором внизу) Всередині цього я маю divс position: relative. Єдине використання для цього - …

6
Вставте зображення після кожного елемента списку
Який був би найкращий спосіб вставити невелике зображення після кожного елемента списку? Я спробував це з класом псевдо, але щось не так ... ul li a:after {display: block; width: 3px; height: 5px; background: url ('../images/small_triangle.png') transparent no-repeat;} Дякуємо за будь-яку допомогу!
143 css 

15
Як встановити колір тла для ширини тексту, а не ширини всього елемента за допомогою CSS?
Я хочу, щоб зелений фон знаходився прямо за текстом, а не на 100% від ширини сторінки. Ось мій поточний код: h1 { text-align: center; background-color: green; } &lt;h1&gt;The Last Will and Testament of Eric Jones&lt;/h1&gt; Виконати фрагмент кодуСховати результатиРозгорніть фрагмент
143 html  css 

6
Twitter завантажувальний плаваючий дивіться справа
Який правильний спосіб bootstrapздійснити плавання вправо? Я думав, що pull-rightце рекомендований спосіб, але він не працює. @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } &lt;div class="container"&gt; &lt;div class="row-fluid"&gt; &lt;div class="span6"&gt; &lt;p&gt;Text left&lt;/p&gt; &lt;/div&gt; &lt;div class="span6 pull-right"&gt; &lt;p&gt;text right&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; Виконати фрагмент кодуСховати результатиРозгорніть фрагмент

7
Центрування плаваючих дівів у межах іншого діва
Я шукав інші питання, і, хоча ця проблема здається схожою на пару інших, ніщо, що я бачив, поки що не вирішує проблему, яка у мене є. У мене є div, який містить ряд інших дівів, кожен з яких плаває ліворуч. Кожен з цих дивів містить фотографію та підпис. Все, що …
142 html  center  css 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.