css- все статьи тега ➜ страница 30
CSS для захвата курсоров (drag & drop)
у меня есть JavaScript webapp, где пользователь должен захватить фон, чтобы переместить весь экран вокруг. Поэтому я хочу, чтобы курсор менялся, когда они зависают над фоном. Элемент -moz-grab и -moz-grabbing CSS курсоры идеально подходят для этого. Конечно, они работают только в Firefox... существуют ли эквивалентные курсоры для других браузеров? Должен ли я сделать что-то немного более обычное, чем стандартные CSS-курсоры? ...
Как использовать новый плагин affix в bootstrap 2.1.0 twitter?
загрузочная документация по этой теме немного сбивает меня с толку. Я хочу добиться аналогичного поведения, как в документах с affix navbar: navbar находится ниже заголовка абзаца / страницы, и при прокрутке вниз он должен сначала прокручиваться до достижения верхней части страницы, а затем придерживаться там фиксированной для дальнейшего прокрутки. поскольку jsFiddle не работает с концепцией navbar, я создал отдельную страницу для использования в качестве минимального примера: http://i08fs1.ir ...
CSS: фоновое изображение на фоне цвета
у меня есть панель, которую я покрасил в синий цвет, если эта панель выбрана (нажал на нее). Кроме того, я добавляю небольшой знак (.png изображение) на эту панель, которая указывает, что выбранная панель уже была выбрана ранее. поэтому, если пользователь видит, например, 10 панелей и 4 из них имеют этот маленький знак, он знает, что он уже нажимал на эти панели раньше. Это прекрасно работает до сих пор. Проблема в том, что теперь я не могу отобразить маленький знак и сделать панель синей на эк ...
css: как нарисовать круг с текстом в середине?
Я нашел этот пример на StackOverflow: нарисуйте круг, используя только css это здорово. Но я хотел бы знать, как изменить этот пример, чтобы я мог включить текст в середине круга? Я также нашел это: вертикальное и горизонтальное центрирование текста по кругу в CSS (например, значок уведомления iphone) но по какой-то причине, он не работает для меня. Когда я создаю следующий тестовый код: <div class="badge">1</div> вместо круга я получаю овальную форму. Я пытаюсь поиграть с ...
наложение непрозрачного div на youtube iframe
как я могу наложить div с полупрозрачной непрозрачностью на встроенное видео youtube iframe? <iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ" frameborder="0"></iframe> <div id="overlay"></div> CSS #overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; /*background:rgba(255,255,255,0.8); or just this*/ z-index:50; col ...
Как вариант в HTML "выберите"?
вот мой html: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> теперь я хочу сделать название продукта (т. е. "Product1", "Product2" и т. д.) жирным , а его категории(т. е. Электроника, Спорт и т. д.) курсивом, используя только css. Я нашел аналогичный вопрос о годе, но, как упоминалось там, это просто невозможно с помощью HTML и CSS. Надеюсь, теперь есть решение. Люб ...
Как стилизовать родительский элемент при наведении курсора на дочерний элемент?
Я знаю, что не существует родительского селектора CSS, но можно ли стилизовать родительский элемент при наведении на дочерний элемент без такого селектора? чтобы привести пример: рассмотрим a удалить что при наведении выделит элемент, который вот-вот будет удален: <div> <p>Lorem ipsum ...</p> <button>Delete</button> </div> С помощью чистого CSS, как изменить цвет фона этого раздела, когда мышь находится над кнопкой? ...
Можно ли раскрасить столбцы таблицы с помощью CSS без раскрашивания отдельных ячеек?
есть ли способ покрасить промежутки столбцов полностью вниз. Смотрите, начиная пример ниже: <table border="1"> <tr> <th>Motor</th> <th colspan="3">Engine</th> <th>Car</th> <th colspan="2">Body</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td> ...
центр div в середине экрана-даже при прокрутке страницы вверх / вниз
У меня на странице есть кнопка, которая при нажатии отображает div(всплывающий стиль) в середине моего экрана. Я использую следующий CSS для центрирования div в середине экрана. .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } он отлично работает, пока страница не прокручивается вниз.. но если я помещаю кнопку ...
Как использовать CSS в Django?
Я создаю свое приложение с помощью Django, и мне интересно, как я могу заставить Django использовать мой CSS-файл? Какие настройки мне нужно сделать, чтобы Django увидел файл css? NB: на локальной машине ...
Есть ли CSS не равно селектор?
есть что-то вроде != (не равно) в CSS? например, у меня есть следующий код: input { ... ... } но для некоторых входов мне нужно аннулировать эту. Я хотел бы сделать это, добавив класс "reset" к тегу ввода, например <input class="reset" ... /> а затем просто пропустите этот тег из CSS. как я могу это сделать? единственный способ, который я могу видеть, это добавить некоторый класс к тегу ввода и переписать CSS следующим образом: input.mod { ... ... } ...
CSS - как стилизовать выбранную метку переключателей?
Я хочу добавить стиль к выбранной метке переключателя: HTML: <div class="radio-toolbar"> <label><input type="radio" value="all" checked>All</label> <label><input type="radio" value="false">Open</label> <label><input type="radio" value="true">Archived</label> </div> CSS .radio-toolbar input[type="radio"] {display:none;} .radio-toolbar label { background:Red; border:1px solid green; padding:2px 10px; } .radio-to ...
Материализовать CSS-Select, похоже, не отображается
в настоящее время я работаю с materialize CSS, и кажется, что я зацепился за выбранные поля. Я, используя приведенный пример с их сайта, но, к сожалению, это рендеринг в представлении вообще. Мне было интересно, может ли кто-то еще помочь. то, что я пытаюсь сделать, это создать строку с 2 концевыми разделителями, которые обеспечивают заполнение - тогда во внутренних двух элементах строки должен быть текстовый ввод поиска и выбор поиска раскрывающийся. вот пример, над которым я работаю:http:/ ...
Очень, очень, очень большой div
для моего проекта (см. BigPictu.re или bigpicture.проект на JS на GitHub), Я должен иметь дело с потенциально очень, очень, очень большой <div> контейнер. Я знал, что существует риск плохой работы с простым подходом, который я использую, но я не ожидал, что он будет в основном присутствовать ... Только хром! Если вы тест эта небольшая страница (см. код ниже), панорамирование (нажмите + перетащите) будет: нормальный / гладкий на Firefox нормальный / гладкий даже в Internet Explorer очен ...
Как создать вид сетки / плитки?
например, у меня есть какой-то класс .статья,и я хочу просмотреть этот класс в виде сетки. Поэтому я применил этот стиль: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } что стиль сделает .статья выглядит плиточной / сеткой. Это прекрасно работает с фиксированной высотой. Но если я хочу установить высоту на авто (автоматически растягивается в соответствии с данными внутри него), сетка выглядит неприятно. и я хочу сделать вид такой: ...
Добавить разрыв строки в:после или: перед содержимым псевдо-элемента
Я не имею доступа к HTML или PHP для страницы и могу редактировать только через CSS. Я делал изменения на сайте и добавлял текст через ::after или ::before псевдо-элементы и обнаружили, что escape Unicode должен использоваться для таких вещей, как пробел до или после добавленного содержимого. как добавить несколько строк в content собственность? в Примере элемент HTML break line-это только для визуализации что я хотел бы достижение: #headerAgentInfoDetailsPhone::after { content: 'Office: XXX ...
Можно ли скрыть курсор на веб-странице с помощью CSS или Javascript?
Я хочу скрыть курсор при отображении веб-страницы, которая предназначена для отображения информации в зале здания. Он не должен быть интерактивным вообще. Я попытался с помощью свойства курсора и прозрачного изображения курсора, но я не заставил его работать. кто-нибудь знает, если это может быть сделано? Я полагаю, что это можно рассматривать как угрозу безопасности для пользователя, который не может знать, где он нажимает, поэтому я не очень оптимистичен... Спасибо! ...
Как изменить размер карты Google с помощью JavaScript после ее загрузки?
У меня есть 'mapwrap' див значение 400 пикселей х 400 пикселей и внутри, что у меня есть гугл "карта" на 100% х 100%. Таким образом, карта загружается в 400 x 400px, а затем с помощью JavaScript я изменяю размер "mapwrap" до 100% x 100% экрана - карта google изменяется на весь экран, как я ожидал, но плитки начинают исчезать перед правым краем страницы. есть ли простая функция, которую я могу вызвать, чтобы заставить карту Google перестроиться на более крупный размер "mapwrap" div? ...
Как сделать div расти в высоту, имея плавает внутри
Как я могу заставить div расти в высоту, когда он плавает внутри него? Я знаю, что определение значения ширины и установка переполнения на скрытые работы. Проблема в том, что мне нужен div с заметным переливом. Есть идеи? ...
Как изменить цвет фона с помощью JavaScript?
кто-нибудь знает простой способ поменять цвет фона веб-страницы с помощью JavaScript? ...