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

В скрипте ниже у меня есть отдельные переходы между видимостью и непрозрачностью. Последнее работает, а первое - нет. Более того, в случае видимости время перехода интерпретируется как задержка при зависании. Происходит как в Chrome, так и в Firefox. Это ошибка? http://jsfiddle.net/0r218mdo/3/ Случай 1: #inner{ visibility:hidden; transition:visibility 1000ms; } #outer:hover #inner{ …

104 css  css-transitions 

Как я могу сказать, что строка макета flexbox занимает оставшееся вертикальное пространство в окне браузера? У меня трехрядный макет flexbox. Первые две строки имеют фиксированную высоту, но третья - динамическая, и я хотел бы, чтобы она увеличивалась до полной высоты браузера. У меня есть еще один flexbox в строке 3, …

104 html  css  flexbox 

Этот вопрос задавался раньше, но в моем случае решение неприменимо. Я хочу, чтобы определенные фоновые изображения были напечатаны, потому что они являются неотъемлемой частью страницы. (Они не являются изображениями непосредственно на странице, потому что некоторые из них используются как спрайты CSS.) Другое решение по тому же вопросу предполагает использование list-style-image, …

104 css  printing  background-image 

Есть ли способ объявить размер / частичную границу поля в CSS? Например, поле с ним 350pxпоказывает только нижнюю границу в начале 60px. Я думаю, это может быть очень полезно. Примеры:

104 css  border 

Я пытаюсь сложить два холста вместе и сделать их двухслойным холстом. Я видел здесь пример: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas> </div> Но я бы хотел, чтобы оба холста …

104 css  html5-canvas 

Я пытаюсь применить градиент к rectэлементу SVG . В настоящее время я использую fillатрибут. В моем файле CSS: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } И rectэлемент имеет правильный цвет заливки при просмотре в браузере. Однако я хотел бы знать, могу ли я применить к этому элементу линейный …

104 css  svg  gradient  linear-gradients 

Ранее мое предположение о width: auto что ширина установлена ​​равной ширине содержимого. Теперь я вижу, что он занимает всю ширину родительского элемента. Может ли кто-нибудь описать различия между ними?

104 html  css 

Как я могу выровнять текст так, чтобы часть его выровнялась по левому краю, а часть по правому краю в пределах одной строки? <p>This text should be left-aligned. This text should be right aligned.</p> Я могу выровнять весь текст по левому (или по правому) краю, либо непосредственно в строке, либо с …

104 html  css 

Просто играл со pointer-eventsсвойством в CSS. У меня есть объект, divкоторый я хочу быть невидимым для всех событий мыши, кроме :hover. Таким образом, все команды щелчка переходят divк следующей под ним, но div может сообщить, находится ли указатель мыши над ним или нет. Кто-нибудь может сказать мне, можно ли это …

104 html  css  pointer-events 

В Bootstrap 3, я мог применить col-sm-xxк thтегам в theadстолбцах таблицы и изменить размер по желанию. Однако это не работает в начальной загрузке 4. Как я могу добиться чего-то подобного в начальной загрузке 4? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> Глядя на …

104 css  twitter-bootstrap  html-table  bootstrap-4 

Пожалуйста, посмотрите этот JSFIDDLE td.rhead { width: 300px; } Почему не работает ширина CSS? <table> <thead> <tr> <td class="rhead">need 300px</td> <td colspan="7">Week #0</td> <td colspan="7">Week #1</td> <!-- etc..--> </tr> <tr> <td class="rhead"></td> <td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td> <td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td> <!-- etc... --> </tr> <thead> </table> Кроме того, каково влияние position: fixed, absolute и т.д. на …

103 html  css  html-table 

Я унаследовал проект, над которым работаю, и обновляю некоторые анимации jquery (очень мало практики с jquery). У меня есть div, из которого мне нужно добавить и удалить атрибут стиля. Вот div: <div id='voltaic_holder'> В какой-то момент анимации мне нужно добавить к ней стиль: <div id='voltaic_holder' style='position:absolute;top:-75px'> Я поискал и нашел …

103 jquery  css  dhtml 

Может ли кто-нибудь сказать мне разницу между style = "position:absolute"и style = "position:relative" и чем они отличаются, если я добавлю его к элементам div/ span/ input? Я использую absoluteпрямо сейчас, но я тоже хочу изучить relative. Как это изменит позиционирование?

103 css  css-position 

Я храню таблицы стилей в {root} / styles, а изображения в {root} / images для веб-сайта. Как указать путь в таблицах стилей для поиска указанных изображений в каталоге изображений? например, в background-image: url('/images/bg.png');

103 html  css  relative-path 

Со следующими HTMLиCSS .container { position: relative; border: solid 1px red; height: 256px; width: 256px; overflow: auto; } .full-height { position: absolute; top: 0; left: 0; right: 128px; bottom: 0; background: blue; } <div class="container"> <div class="full-height"> </div> </div> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент Внутренняя divчасть по желанию занимает всю …

103 html  css