css- все статьи тега ➜ страница 40
CSS: как расположить два элемента друг над другом, не указывая высоту?
у меня есть два дива, которые мне нужно расположить точно друг на друга. Однако, когда я это делаю, форматирование становится все испорчено, потому что содержащий DIV действует так, как будто нет высоты. Я думаю, что это ожидаемое поведение с position:absolute но мне нужно найти способ расположить эти два элемента друг над другом и растянуть контейнер по мере растягивания содержимого: верхний левый край .layer2 должны быть точно выровнены по верхнему левому краю layer1 <!-- HTML --> < ...
Отключить изменение цвета тега привязки при посещении
Я должен отключить изменение цвета тега привязки при посещении. Я сделал это: a:visited{ color: gray } (ссылка серого цвета перед посещением). Но это способ, когда я явно указываю цвет после посещения ссылки, что снова является изменением цвета. Как я могу отключить изменение цвета тега привязки при посещении без каких-либо явных изменений цвета? ...
Как же так?#iefix решить загрузку веб-шрифтов в IE6-IE8?
много статей в интернете, как это : http://www.fontspring.com/blog/fixing-ie9-font-face-problems предлагаю добавить ?#iefixк url-адресу eot. Мне было любопытно узнать как это решит проблему. Спасибо. ...
CSS: выбранный псевдокласс похож на: проверено, но для элементов
есть ли способ стилизовать выбранный в данный момент <option> элемент <select> элемент? я мог бы тогда дать цвет фона для выбранного в данный момент элемента опции? Таким образом, я могу стилизовать параметр, который в настоящее время отображается в закрытом раскрывающемся списке. ...
Исключить пункт меню из сворачивания bootstrap 3 navbar
вот что у меня есть, я пробовал перемещаться по своей секции внутри "бренда" и делать вытягивание вправо, вне бренда и вне коллапса и делать вытягивание влево/вправо, а также пытаться разместить его до или после секции коллапса. при добавлении его в раздел бренда он работает, но он переходит к новой строке. Как я могу держать его на одной линии? <body> <header> <nav class="navbar navbar-default navbar-inverse" role="navigation" style="font-size: 18px"> ...
Скругленные углы таблицы только CSS
Я искал и искал, но не смог найти решение для моей потребности. у меня есть обычная таблица HTML. Я хочу круглые углы для него, без использование изображений или JS, т. е. pure только CSS. Вот так: закругленные углы для угловых ячеек, а 1px толстая граница для ячеек. пока у меня есть это: table { -moz-border-radius: 5px !important; border-collapse: collapse !important; border: none !important; } table th, table td { border: none !important } table th:first-child { -moz-border-ra ...
CSS фон-изображение-непрозрачность?
связано с тем, как я могу дать текст или изображение прозрачный фон с помощью CSS? но немного по-другому. Я хотел бы знать, можно ли изменить Альфа-значение фона изображения, а не просто цвет. Очевидно, что я могу просто Сохранить Изображение с разными значениями Альфа, но я хотел бы иметь возможность динамически настраивать Альфа. до сих пор лучшее, что у меня есть: <div style="position: relative;"> <div style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; ...
HTML5 и frameborder
у меня есть iframe на документе HTML5. когда я проверяю, я получаю сообщение об ошибке, сообщающее мне, что атрибут на iframe frameBorder устарел и использовать CSS вместо этого. у меня есть этот атрибут frameBorder="0" здесь, потому что это был единственный способ, которым я мог понять, как избавиться от границы в IE, я попытался border:none; в CSS не повезло. Есть ли совместимый способ исправить это? спасибо. ...
Шрифты значков: как они работают?
Я понимаю, что шрифты значков-это просто шрифты, и вы можете получить значки, просто вызвав их имя класса, но как работают ли шрифты значков? Я попытался проверить соответствующие ресурсы шрифтов значков, загруженные в Chrome, чтобы увидеть, как шрифты значков отображают значки (по сравнению с общими шрифтами), но я не смог понять, как это происходит. Мне также не удалось найти ресурсы о том, как эта "техника шрифта значков" сделано, хотя есть множество шрифты. Есть также множество ресурсов, ...
Почему HTML5 рекомендует помещать элемент кода внутри pre?
документация HTML5 рекомендует поставить code элемент внутри pre элемент, но я не понимаю, как это лучше и более смысловой, чем просто с помощью элемента кода и CSS. В их собственном примере: <pre><code class="language-pascal">var i: Integer; begin i := 1; end.</code></pre> также может быть написано (делая некоторые предположения о настройках браузера по умолчанию для pre): <style> code { display: block; white-space: pre; } </style> … <code c ...
Клип / обрезка фона-изображение с CSS
у меня есть этот HTML: <div id="graphic">lorem ipsum</div> С этим CSS: #graphic { background-image: url(image.jpg); width: 200px; height: 100px;} фоновое изображение, которое я применяю, составляет 200x100 px, но я хочу отобразить только обрезанную часть фонового изображения 200x50 px. background-clip не представляется правильным свойством CSS для этого. Что я могу использовать вместо этого? background-position не следует использовать, потому что я использую приведенный выше ...
Как заставить состояние зависания с помощью jQuery?
пожалуйста, обратите внимание на этот код CSS: a { color: #ffcc00; } a:hover { color: #ccff00; } это HTML код: <a href="#" id="link">Link</a> <button id="btn">Click here</button> и, наконец, этот код JS: $("#btn").click(function() { $("#link").trigger("hover"); }); Я хотел бы, чтобы моя ссылка использовала свой псевдокласс :наведите курсор мыши при нажатии кнопки. Я попытался вызвать такие события, как mousemove, mouseenter, hover и т. д., Но кто-то работает. ...
Как разбить слово на тире?
учитывая относительно простой CSS: div { width: 150px; } <div> 12333-2333-233-23339392-332332323 </div> как сделать так, чтобы строка оставалась привязанной к width на 150 и просто переносится на новую строку на дефис? ...
Как удалить/игнорировать: наведите css стиль на сенсорных устройствах
Я хочу игнорировать все :hover деклараций CSS, если пользователь посещает наш сайт с помощью сенсорного устройства. Потому что :hover CSS не имеет смысла, и это может даже беспокоить, если планшет запускает его при нажатии/нажатии, потому что тогда он может застрять, пока элемент не потеряет фокус. Честно говоря, я не знаю, почему сенсорные устройства чувствуют необходимость запуска :hover во-первых-но это реальность, так что эта проблема тоже реальность. a:hover { color:blue; border-colo ...
Как удалить элемент из потока HTML / CSS?
Я знаю, что " position: absolute "выведет элемент из" потока HTML/CSS", и он перестанет взаимодействовать со своими соседями. Какие еще существуют способы достичь этого? ...
Зачем использовать.h1 вместо фактического h1?
в рамках проекта Bootstrap CSS, стили предоставляются для тегов заголовков (H1, H2, H3, H4, H5, H6), но есть также ряд имен классов, основанных на заголовках (.h1, .h2, .h3, .h4, .h5, .h6). Какая польза от использования имени класса H1 без надлежащего использования тега H1? Я думаю, что вы всегда хотите убедиться, что ваш HTML отражает вашу визуальную важность. любые мысли, объясняющие хорошую причину для использования .h1 вместо использование тега h1 будет оценено по достоинству. ...
Список префиксов поставщиков CSS?
помимо следующего списка, существуют ли другие префиксы поставщиков CSS, которые важны для веб-разработки? Верны ли мои определения? Должен ли я быть более конкретным о мобильных браузерах (mobile Webkit, например) -khtml- (Konqueror,действительно старый сафари) -moz- (Firefox) -o- (Опера) -ms- (Internet Explorer) -webkit- (Safari, Chrome) тут этот список (который также содержит mso-,-wap- и -atsc-) добавить что-нибудь ценное? ...
Переключение на их основе медиа-запросов
теперь, когда WebKit ошибка масштабирования страницы была основные, каковы основные причины использования запросов мультимедиа на основе em, а не запросов мультимедиа на основе пикселей? награда Я добавляю щедрость к моему вопросу, потому что так много выдающихся CSSрамкии webразработчики используйте em-запросы на основе мультимедиа, которые, я убежден, должны быть хорошими причина(ы) для этого. единственное преимущество, о котором я знаю, это то, что если пользователь изменит размер шрифта ...
Отключить Пинч-зум на мобильном вебе
Я хочу отключить щепотку и масштабирование на мобильных устройствах. какую конфигурацию следует добавить в видовой экран ? Ссылка:http://play.mink7.com/n/dawn/ ...
Сделать гибкие элементы принимают ширину содержимого, а не ширину родительского контейнера
у меня есть контейнер <div> С display: flex. У него есть ребенок <a>. как я могу заставить ребенка появляются "рядный"? в частности, как я могу сделать ширину ребенка, определяемую его содержимым, и не расширяться до ширины родителя? что я пробовал: Я поставил ребенка в display: inline-flex, но он все равно занял всю ширину. Я также попробовал все другие свойства отображения, но ничего не повлияло. пример: .container { background: red; height: 200px; flex-dire ...