Tag: css3

Почему размер windows меньше ширины видового экрана, заданного в медиа-запросах

Я довольно озадачен и до сих пор не знаю, как это объяснить правильно. До сих пор я использовал и настраивал свои медиа-запросы с помощью Breakpoint. Используемая переменная Breakpoint выглядит так: $menustatictofixed: min-width 900px; Для параметра $ breakpoint-to-ems установлено значение true. Я выложил страницу со всеми ее переменными Breakpoint на основе значений пикселей следующего fragmentа jQuery: […]

CSS3 порядок преобразования имеет значение: самая правая операция сначала

Когда мы используем transform: operation1(…) operation2(…) CSS3 transform: operation1(…) operation2(…) , какой из них выполняется первым? Первая сделанная операция, похоже, самая лучшая справа. , т.е. здесь operation2 делается перед тем operation1 . Чтобы быть уверенным, правда? Примечание. Я прочитал одну вещь и ее противоположность в некоторых местах (ответы, статьи в Интернете), поэтому вопрос здесь.

Изогнутые линии, использующие только HTML и / или CSS

Мне нужно добавить кривые линии, соединяющие узлы диаграммы в HTML. Я хочу создать их, используя только HTML и / или CSS . Я в порядке с CSS3, даже если не все браузеры поддерживают функцию, в которой я нуждаюсь (особенно это не так сильно касается IE8 и ниже). Вот решения, которые я мог бы использовать по […]

Можно ли всегда показывать стрелки вверх / вниз для ввода «числа»?

Я хочу всегда показывать стрелки вверх / вниз для ввода поля «число». Это возможно? Пока мне не повезло … http://jsfiddle.net/oneeezy/qunbnL6u/ HTML: CSS: input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: “Always Show Up/Down Arrows”; }

Должен ли пограничный радиус обрезать контент?

Не следует ли отрезать содержимое моего контейнера, когда контейнер имеет border-radius ? Пример HTML и CSS: .progressbar { height: 5px; width: 100px; border-radius: 5px; } .buffer { width: 25px; height: 5px; background: #999999; } Как вы можете видеть, я использую border-radius в контейнере ( .progressbar ), но содержимое ( .buffer ) выходит за пределы контейнера […]

Как сделать трехугольный треугольник в CSS

Я хотел бы добиться такой же формы, как и без Javascript: В настоящее время я накладываю изображение «frameworks» на оранжевый прямоугольный div, но это довольно хаки. Я полагаю, я мог бы использовать динамически созданный элемент canvas, но для этого требуется не только JS, но и поддержка canvasа HTML5. Есть идеи?

Текстовая тень в Internet Explorer?

Я кодирую веб-страницу, и вот как она выглядит в Firefox, Safari, Opera и Chrome. удалена мертвая ссылка ImageShack и вот как он выглядит в Internet Explorer (привязывайтесь) удалена мертвая ссылка ImageShack Где Текстовая тень для Internet Explorer? Это сводит меня с ума! Как вы можете видеть, эта страница похожа на то, чтобы выглядеть хорошо (не […]

Запросы СМИ не ведут себя так, как ожидалось на Android

У меня 4 медиа-запросов. 1-я, 3-я и 4-я работы, но вторая, похоже, не активируется. Почему 480×720 (второй медиа-запрос) по умолчанию относится к первому мультимедийному запросу? @media screen and (max-width: 320px) and (orientation: portrait) { body{background:#F0F;} } @media screen and (min-width: 321px) and (max-width: 480px) and (orientation: portrait) { body{background:#F00;} } @media screen and (max-width: 480px) […]

Отключение анимации Twitter-загрузки Bootstrap Navbar

Так же, как http://twitter.github.com/bootstrap , Сайт, над которым я сейчас работаю, является отзывчивым. Я хочу удалить анимацию перехода когда я нажимаю кнопку спящего навигационного меню. Над изображением – снимок экрана того, что я прошу. В TOP-RIGHT-CORNER есть трехслойная кнопка меню.

Центр Треугольника в нижней части Div

Я пытаюсь иметь треугольник / стрелу внизу моего героя, но он не реагирует и не работает на мобильном телефоне очень хорошо, так как треугольник плавает вправо и больше не центрируется. Как я могу всегда держать треугольник в абсолютном центре на дне дива? Пример кода здесь: http://jsfiddle.net/SxKr5/1/ HTML: CSS: .hero { position:relative; background-color:#e15915; height:320px !important; width:100% […]

Interesting Posts
Давайте будем гением компьютера.