css- все статьи тега ➜ страница 44


z-индекс не работает в Internet Explorer с pdf в iframe

Я не могу сделать z-index работы на iframe который содержит pdf-файл с IE8. Он работает с Google Chrome. пример (JSFiddle): HTML <div id="div-text"> <div id="shouldBeOnTop">my text that should be on top</div> </div> <div id="div-frame"> <iframe src="http://legallo1.free.fr/french/CV_JLG.pdf" width="200" height="200"/> </div> CSS #div-text{ position:relative; left:210px; top:20px } #shouldBeOnTop{ position:relative; r ...

Как включить CSS и jQuery в мой плагин wordpress?

Как включить CSS и jQuery в мой плагин wordpress ? ...

Использование в качестве фона CSS

могу ли я использовать элемент canvas в качестве фона css? ...

Размер шрифта относительно разрешения экрана пользователя?

У меня есть жидкий сайт и меню составляет 20% от его ширины. Я хочу, чтобы размер шрифта меню измерялся правильно, поэтому он всегда соответствует ширине окна и никогда не переносится на следующую строку. Я думал об использовании "em" в качестве единицы, но это относительно размера шрифта браузера, поэтому при изменении разрешения размер шрифта остается прежним. пробовал также ПТС и проценты. Ничто не работает так, как мне нужно... дайте мне подсказку, как действовать, пожалуйста. ...

Выровнять поля ввода HTML-кода,:

У меня есть HTML-форма типа: <html> Name:<input type="text"/></br> Email Address:<input type="text"/></br> Description of the input value:<input type="text"/></br> </html> теперь все метки начинаются в одном столбце, но текстовые поля начинаются в разных позициях в соответствии с длиной текста метки. есть ли способ выровнять поля ввода таким образом, что все ":" и текстовые поля будут начинаться в одной и той же позиции, а предыдущий те ...

Выберите все элементы, которые имеют определенный CSS, с помощью jQuery

как я могу выбрать все элементы, которые имеют определенное свойство CSS применяется, используя jQuery? Например: .Title { color:red; rounded:true; } .Caption { color:black; rounded:true; } как выбрать по свойству с именем "округленный"? имя класса CSS очень гибкое. $(".Title").corner(); $(".Caption").corner(); как заменить эти две операции в одну операцию. Может быть, что-то вроде этого: $(".*->rounded").corner(); есть ли лучший способ сделать это? ...

Jquery $('#div').шоу.)(задержка(5000).hide (); не работает

Я пытаюсь показать div, который установлен в display: none; в течение 5 секунд с $('#div').show().delay(5000).hide(); но это не работает, он просто идет прямо, чтобы скрыть () может ли кто-нибудь из вас помочь мне? ...

jqGrid не отображается правильно в Chrome / Chrome Frame

В настоящее время используется Chrome v19.0.1084.46 (официальная сборка 135956) beta-m jqGrid 4.3.2 (последняя версия) проблема в том, что независимо от размера моей сетки, столбцов или содержащего div, небольшая часть моего последнего столбца выталкивается за край сетки, в результате чего появляются горизонтальные полосы прокрутки, что не должно происходить. Смотрите ниже: я возился со следующими атрибутами на jqGrid, чтобы попытаться исправить это: width autowidth height shrinkToFit scr ...

Webpack" OTS parsing error " загрузка шрифтов

мой webpack config указывает, что шрифты должны быть загружены с помощью url-loader, и когда я пытаюсь просмотреть страницу с помощью Chrome, я получаю следующую ошибку: OTS parsing error: invalid version tag Failed to decode downloaded font: [My local URL] соответствующие части моей конфигурации выглядят так: { module: { loaders: [ // ... { test: /.scss$/, loaders: ['style', 'css?sourceMap', 'autoprefixer', 'sass?sourceMap'], }, { test: ...

CSS background-size: замена обложки для мобильного Safari

Привет у меня есть несколько дивов на моей странице, которые имеют фоновые изображения, которые я хочу расширить, чтобы покрыть весь div, который в свою очередь может расширяться, чтобы заполнить ширину видового экрана. очевидно background-size: cover неожиданно ведет себя на устройствах iOS. Я видел некоторые примеры, как это исправить, но я не могу заставить их работать в моей ситуации. В идеале я бы предпочел не добавлять лишний <img> теги в HTML, но если это единственный способ, то я ...

Различия в производительности между видимостью: скрытый и дисплей: нет

Я хочу упростить вещи в моем jQuery позвоночника.веб-приложение js. Одним из таких упрощений является поведение моего меню и диалоговых виджетов. ранее я создал div-окна моих меню при запуске и скрыл их с помощью display: none; opacity:0;. Когда мне понадобилось меню, я изменил его стиль на display:block затем используется утилита jQuery ui position для размещения div box (так как элементы с display:none не может быть расположен) и когда это было сделано, наконец, изменил свой стиль на opac ...

Абсолютное положение и переполнение: скрыто

<div id="parent" style="overflow:hidden; position:relative;"> <div id="child" style="position:absolute;"> </div> </div> мне нужно показать дочерний элемент, который больше, чем родительский элемент, но без удаления overflow:hidden; это возможно? родительский элемент position:relative; дочерний элемент удаляется, как только он выходит за пределы своих родителей. (элементы имеют дополнительные css определены я просто поставил атрибуты стиля для ясности) ...

Как создать div, чтобы заполнить все пространство между header и footer див

Я работаю над переходом от использования таблиц для целей макета к использованию divs (да, да, большие дебаты). У меня есть 3 ДИВС, заголовок, содержание и нижний колонтитул. Верхний и Нижний колонтитулы 50px каждый. Как я могу получить div нижнего колонтитула, чтобы остаться в нижней части страницы, и содержимое div, чтобы заполнить пространство между ними? Я не хочу жестко кодировать высоту содержимого divs, потому что разрешение экрана может измениться. ...

Как перекосить элемент, но сохранить текст нормальным (unskewed)

можно ли воспроизвести это изображение, используя только CSS? Я хочу применить это к моему меню, так что коричневый фон появляется на hover экземпляр Я не знаю как это сделать, я только; .menu li a:hover{ display:block; background:#1a0000; padding:6px 4px; } ...

css width: calc (100% - 100px); альтернатива с использованием jquery

Я хотел бы использовать width: calc(100% -100px); который отлично справляется с тем, что мне нужно, единственная проблема-его совместимость. На данный момент он работает только в последних браузерах и совсем не в Safari. могу ли я сделать альтернативу с помощью jQuery? то есть. получите 100% ширину объекта-100px, а затем динамически установите результат как ширину CSS (чтобы он был отзывчивым) ...

Размытие изображения с помощью CSS?

на многих смартфонах (например, Samsung Galaxy II) при просмотре фотогалереи ее размытая копия выложена в фоновом режиме. Это может быть достигнуто с помощью CSS динамически (т. е. без того, чтобы копия фотографии была подготовлена заранее сохранена)? Есть ли какой-либо сложный фильтр CSS для размытия изображения? ...

Как центрировать форму в bootstrap 3

Как я могу центрировать свою форму входа ? Я использую bootstrap столбец, но он не работает. вот мой код: <div class="container"> <div class="row"> <div class="col-md-4 col-md-offset-6"> <h2>Log in</h2> <div> <table> <tr> <td>1</td> <td>1</td> </tr> <tr& ...

как повернуть текст влево на 90 градусов и размер ячейки регулируется в соответствии с текстом в HTML

Предположим, у меня есть таблица с некоторыми строками и столбцами,поэтому я хочу повернуть текст в ячейках что-то вроде этого: проблема заключается в том, когда я поворачиваю текст с помощью стиля: #rotate { -moz-transform: rotate(-90.0deg); /* FF3.5+ */ -o-transform: rotate(-90.0deg); /* Opera 10.5 */ -webkit-transform: rotate(-90.0deg); /* Saf3.1+, Chrome */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */ -ms-filt ...

Кнопку в CSS

обычная проблема центрирования CSS, просто не работает для меня, проблема в том, что я не знаю готовой ширины px у меня есть div для всего навигатора, а затем каждая кнопка внутри, они больше не центрируются, когда есть более одной кнопки. : ( CSS .nav{ margin-top:167px; width:1024px; height:34px; } .nav_button{ height:34px; margin:0 auto; margin-right:10px; float:left; } HTML <div class="nav"> <div class="nav_button"> <div ...

Собственные переменные CSS не работают в медиа-запросах

Я пытаюсь использовать переменные CSS в медиа-запросе, и это не работает. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { } ...