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

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

10
Атрибут альт фонового зображення CSS
Це той, якому я раніше не мусив займатися. Мені потрібно використовувати теги alt на всіх зображеннях на сайті, включаючи ті, які використовуються атрибутом background-image CSS. Наскільки немає такого властивості CSS, наскільки я знаю, тож який найкращий спосіб зробити це, будь ласка?
117 html  css 

5
Вимкнути / вимкнути успадковані переходи CSS3
Отже, у мене є наступні переходи css, приєднані до елемента: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } Чи є спосіб відключити ці успадковані переходи на конкретних елементах? a.tags { …

20
CSS: Зміна зображення src на img: навести курсор
Мені потрібно змінити <img>вихідну URL-адресу на hover. Я спробував це, але не вийшло: HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle Будь-яка допомога буде вдячна. Оновлення: Це працює лише для Webkit / Google Chrome.
117 html  css 

5
z-індекс не працює з абсолютною позицією
Я відкрив консоль (chrome \ firefox) і провів наступні рядки: $("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />"); $("body").append("<div id=\"popupContent\" style=\"width:200px;height:200px;z-index:1000;background-color:white;\" >dasdasdsadasdasdasdasdasd</div>"); #PopupContent має бути вище за все, але на нього впливає непрозорість #popupFrame. Вміст не міститься в #popupFrame, що робить це дуже дивно. Мета полягає у створенні Firefox, як поле сповіщення
117 html  css 


16
Еліпсис переповнення тексту у двох рядках
Я знаю, що ви можете використовувати комбінацію правил CSS, щоб закінчити текст еліпсісом (...), коли настав час переповнювати (виходити з меж батьків). Чи можливо (не соромтеся просто сказати, ні) досягти такого ж ефекту, але нехай текст обертається на більш ніж один рядок? Ось демонстрація . div { width: 300px; height: …
117 html  css 

11
Показати завантажувальне зображення під час виконання $ .ajax
Мені просто цікаво, як показати зображення, яке вказує на те, що запит на асинхронізацію працює. Я використовую такий код для виконання запиту на асинхронізацію: $.ajax({ url: uri, cache: false, success: function(html){ $('.info').append(html); } }); Будь-які ідеї?
116 javascript  jquery  css 


6
Чи є CSS, що не дорівнює селектору?
Чи є щось подібне! = (Не рівне) у CSS? наприклад, у мене є такий код: input { ... ... } але для деяких входів мені це потрібно анулювати. Я хотів би зробити це, додавши клас "скидання" до вхідного тегу, наприклад <input class="reset" ... /> а потім просто пропустити цей тег …
116 html  css  css-selectors 

16
Як відключити CSS у браузері для тестування
Чи є спосіб я відключити всі зовнішні CSS у браузері (Firefox, Chrome ...)? При використанні більш повільного підключення до Інтернету іноді браузер завантажує лише голий HTML без інформації про CSS. Схоже, що сторінка була викладена на екрані. Ви б це помітили і в StackOverflow. Я хочу переконатися, що моя веб-сторінка …
116 html  css  browser 


7
Чи можу я поєднати: nth-child () або: nth-of-type () з довільним селектором?
Чи є спосіб вибрати кожну п'яту дитину, яка відповідає (або не відповідає) довільному селектору ? Наприклад, я хочу вибрати кожен непарний ряд таблиці, але в підмножині рядків: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this --> <td>Row <tr class="row"> <td>Row <tr class="row"> <!-- …
116 css  css-selectors 

10
Flexbox не центрується вертикально в IE
У мене є проста веб-сторінка з деяким вмістом Lipsum, яка зосереджена на сторінці. Сторінка чудово працює в Chrome і Firefox. Якщо я зменшу розмір вікна, вміст заповнює вікно, поки воно не зможе, а потім додає смугу прокрутки і заповнює вміст поза екраном, донизу. Однак сторінка не центрується в IE11. Я …


8
Укладання DIV один на одного?
Чи можливо складати кілька DIV-файлів, таких як: <div> <div></div> <div></div> <div></div> <div></div> </div> Так що всі ці внутрішні DIV мають однакове положення X і Y? За замовчуванням всі вони йдуть нижче один одного, збільшуючи положення Y на висоту останнього попереднього DIV. У мене є відчуття, що якийсь поплавок або дисплей …
116 css  html  stack  css-float 

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