Я хотел бы написать правило селектора CSS, которое выбирает все элементы, которые не имеют определенного класса. Например, с учетом следующего HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links......
Я пытаюсь исправить это divтак, чтобы он всегда прилипал к верхней части экрана, используя: position: fixed; top: 0px; right: 0px; Тем не менее, он divнаходится внутри центрированного контейнера. Когда я использую position:fixedего, он фиксирует divотносительное значение окна браузера, например,...
Есть ли простой способ отобразить цветное растровое изображение в оттенках серого с помощью Just HTML/CSS? Он не должен быть IE-совместимым (и я думаю, что не будет) - если он работает в FF3 и / или Sf3, для меня этого достаточно. Я знаю, что могу сделать это и с SVGCanvas, но сейчас кажется, что...
Используя условные комментарии, легко ориентировать Internet Explorer с помощью правил CSS для браузера: <!--[if IE 6]> ...include IE6-specific stylesheet here... <![endif]--> Иногда плохо работает движок Gecko (Firefox). Как лучше всего настроить таргетинг только на Firefox с вашими...
Есть ли лучший способ переписать это: $('element').removeClass('class1').removeClass('class2'); Я не могу использовать, removeClass();поскольку это удалит ВСЕ классы, которые я не
Когда HTML-элемент «сфокусирован» (в настоящее время выбран / вставлен на вкладку), многие браузеры (по крайней мере, Safari и Chrome) поместят синюю рамку вокруг него. Для макета, над которым я работаю, это отвлекает и выглядит неправильно. <input type="text" name="user" class="middle"...
Что же представляет собой разницу между inlineи inline-blockзначений CSS
Используя CSS, как я могу применить более одного transform? Пример: далее применяется только перевод, а не вращение. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px);
Используя простой JavaScript (не jQuery), есть ли способ проверить, содержит ли элемент класс? В настоящее время я делаю это: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2":...
Я работаю с изображениями, и я столкнулся с проблемой с соотношением сторон. <img src="big_image.jpg" width="900" height="600" alt="" /> Как видите, heightи widthуже указаны. Я добавил правило CSS для изображений: img { max-width:500px; } Но за big_image.jpg, я получаю width=500и height=600....
Я использовал код для моего модального кода прямо из примера Bootstrap и включил только bootstrap.js (а не bootstrap-modal.js). Тем не менее, мой модал появляется под серым цветом (фон) и не редактируется. Вот как это выглядит: Посмотрите эту скрипку для одного способа воспроизвести эту проблему....
Почему для загрузки Twitter'а нет красивой кнопки загрузки элемента? Было бы хорошо, если бы для кнопки загрузки была реализована синяя основная кнопка. Можно ли даже отточить кнопку загрузки с помощью CSS? (похоже на нативный элемент браузера, которым нельзя...
Я пытаюсь следовать очень простому примеру. Используя стартовую страницу и систему сетки , я надеялся на следующее: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Выполнить фрагмент...
У меня есть тег div, как это: <div> <label>Name</label> <input type="text"/> </div> Как я могу отобразить всплывающую подсказку о :hoverdiv, желательно с эффектом постепенного появления /...
Я использовал, word-wrap: break-wordчтобы обернуть текст в divс и spanс. Тем не менее, он не работает в ячейках таблицы. У меня есть таблица width:100%с одной строкой и двумя столбцами. Текст в столбцах, хотя и оформлен в соответствии с вышеприведенным word-wrap, не переносится. Это заставляет...
Я знаю, что такое CSS Reset, но недавно я услышал об этой новой вещи под названием Normalize.css В чем разница между Normalize.css и Reset CSS ? В чем разница между нормализацией CSS и сбросом CSS? Это просто новое модное слово для CSS...
Что не так с моим угловым кодом? Я осознаю: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}"...
Селекторы CSS сопоставляются движками браузера справа налево. Поэтому они сначала находят детей, а затем проверяют своих родителей, чтобы убедиться, что они соответствуют остальным частям правила. Почему это? Это только потому, что в спецификации сказано? Влияет ли это на возможный макет, если он...
Эта <div id="" style="overflow:scroll; height:400px;"> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент дает divпользователю возможность прокручивать как по горизонтали, так и по вертикали. Как я могу изменить его, чтобы div можно было прокручивать только по...
Я хочу макет div с двумя столбцами, где каждый может иметь переменную ширину, например div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> Run code snippetHide resultsExpand snippet I want the 'view' div to expand to the whole...