Вопросы с тегом «css»

Я хотел бы создать парадоксальный эффект с помощью свойства z-index CSS . В моем коде есть пять кругов, как на изображении ниже, и все они абсолютно позиционированы без определения z-index. Поэтому по умолчанию каждый кружок перекрывает предыдущий. Прямо сейчас круг 5 перекрывает круг 1 (левое изображение). Парадокс, которого я хотел …

98 css  z-index 

Я нашел этот код CSS, запустил его, чтобы посмотреть, что он делает, и выделил КАЖДЫЙ элемент на странице, Может кто-нибудь объяснить, что Asterisk * делает в CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted …

98 css  css-selectors 

У меня есть два абсолютно позиционированных элемента div, которые перекрываются. Оба установили значения z-index через css. Я использую translate3dпреобразование webkit для анимации этих элементов за пределами экрана, а затем обратно на экран. После преобразования элементы больше не соблюдают свои установленные z-indexзначения. Может ли кто-нибудь объяснить, что происходит с z-index / …

98 css  webkit  transform 

Я переношу свои темы Bootstrap с v2.3.2 на v3.0.0 и заметил одну вещь: многие измерения рассчитываются по-другому из-за следующих стилей в bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Может ли кто-нибудь объяснить, почему Bootstrap переключает размер всех элементов на границу? Я подозреваю, что это связано …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

Я хочу создать кнопку переключения в html с помощью css. Я хочу, чтобы, когда вы нажимаете на него, он оставался нажатым, а когда вы снова нажимаете на него, он выскакивал. Если нет возможности сделать это, просто используя css. Есть ли способ сделать это с помощью jQuery?

98 jquery  html  css 

В этом примере изображение не центрировано. Зачем? Мой браузер - это Google Chrome v10 в Windows 7, а не IE. <img src="/img/logo.png" style="margin:0px auto;"/>

98 css  google-chrome  margin  centering 

С тех пор, как возникли проблемы, вызванные использованием Cufon, я рискнул отказаться от использования внешних ресурсов шрифтов, но в последнее время я искал альтернативные методы загрузки шрифтов, чтобы увидеть, есть ли лучший способ; у лучших методов есть способ просто появиться неожиданно. Есть много новых методов и, кажется, вариации для каждого …

98 javascript  css  fonts  webfonts 

Как нарисовать пунктирную линию с помощью CSS?

98 html  css 

По разным причинам мне нужно поставить (в основном) прозрачный <div>поверх некоторого текста. Однако это означает, что по тексту нельзя щелкнуть (например, щелкнуть ссылки или выбрать его). Можно ли просто сделать этот div "невидимым" для щелчков и других событий мыши? Например, overlaydiv покрывает текст, но я хотел бы иметь возможность щелкнуть …

98 html  css  events 

Когда текст без пробелов и больше, чем размер div 200 пикселей, он вытекает. Ширина определена как 200 пикселей. Я поместил свой код здесь http://jsfiddle.net/madhu131313/UJ6zG/. Вы можете увидеть отредактированные изображения ниже : Я хочу текст для перехода на следующую строку

98 css  border 

У меня такой код: <div style="float: left; width: 100%;"> <label style="float: left;">ABC</label> <input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="▼" title="Editor" /> <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="▲" title="Hide" /> <div class="adm"> <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor"> abc </textarea> </div> </div> Моя …

98 css  html  css-float 

Можно ли установить прозрачность тени блока? Это мой код: box-shadow:10px 10px 10px #000; -webkit-box-shadow:10px 10px 10px #000; -moz-box-shadow: 10px 10px 10px #000;

98 css 

У меня небольшая проблема. Я использую FireFox 3.6 и имею следующую структуру DOM: <div class="view-row"> <div class="view-type">Type</div> <div class="view-name">Name</div> </div> И следующий CSS: .view-row { width:100%; display:table-row; } .view-name { display: table-cell; float:right; } .view-type { display: table-cell; } Если я сниму, display:table-rowон будет отображаться правильно с view-rowшириной 100%. Если …

98 css 

Я хочу, чтобы элемент span отображался под другим элементом, используя свойство display. Я попытался применить встроенный блок, но безуспешно, и решил, что могу использовать блок, если мне каким-то образом удастся избежать задания ширины элемента 100% (я не хочу, чтобы элемент «растягивался»). Можно ли это сделать, а если нет, что хорошего …

98 html  width  block  css 

Могу ли я применить 2 класса к одному div или span или любому элементу html? Например: <a class="c1" class="c2">aa</a> Я пробовал, и в моем случае c2 не применяется. Как я могу применить оба класса одновременно?

98 html  css