Описание тега computed-style

4 ответа

Узнайте, в чем причина определенного вычисленного стиля CSS

У меня есть <div> на веб-странице, которая в конечном итоге рассчитывается с высотой 633 пикселей. Это не установлено ни в одной каскадной таблице стилей, встроенной или нет, а также в javascript. Я искал везде в своем коде, но номер 633 нигде…
24 мар '09 в 09:30
0 ответов

Вычисленные стили, действующие странно в локальном файле

У меня проблема с вычисленными стилями в моем локальном файле. Пожалуйста, посмотрите на изображение ниже. Слева мой локальный файл. Справа файл на сервере Если вы заметили, в firebug размер шрифта вычеркнут, потому что он перезаписывается где-то ещ…
07 мар '13 в 18:45
3 ответа

Как запросить весь DOM для элементов, соответствующих некоторому вычисленному стилю? (в чистом виде)

Например, я хочу найти все элементы, которые имеют вычисленный стиль position: fixed;, Как это сделать без особой нагрузки на процессор? Перебирает каждый getElementsByTagName('*') а потом делать петлю единственным способом?
01 янв '12 в 00:34
1 ответ

Стили группы разработчиков Firefox в компьютерном представлении

Можно ли сгруппировать стили, показанные на вкладке "Computed" в Firefox Developer, как ранее показанные в Firebug? Там стили были сгруппированы по текстовым стилям, фоновым стилям и т. Д., Которые можно было свернуть, и это было гораздо более четко…
21 ноя '17 в 11:48
1 ответ

Динамическая настройка высоты iframe в зависимости от содержимого

Есть много ответов о том, как динамически изменять высоту iframe. Я попробовал плагин https://github.com/house9/jquery-iframe-auto-height Плагин работает с загрузкой iframe, однако высота не изменяется динамически в зависимости от изменений содержим…
13 май '12 в 23:25
2 ответа

Как надежно и последовательно получить расчетный стиль ширины для элемента VIDEO?

var vid = document.createElement("video"); vid.src = "big_buck_bunny_640x360.mp4"; document.getElementsByTagName("body")[0].appendChild(vid); console.log(window.getComputedStyle(vid, null).getPropertyValue("width")); Консоль неизменно показывает "30…
1 ответ

Стили Chrome Computing неправильно

Кажется, у меня проблема со стилями вычислений в Chrome. На определенных элементах на определенных установках Chrome, вычисленный стиль отличается от CSS Ошибка возникает на нескольких элементах по всей странице, но не появляется в Safari или Firefo…
14 янв '13 в 15:40
1 ответ

Получить вычисленный цвет фона как rgb в IE

Я пытаюсь получить цвет фона RGB в IE, используя следующий код: function getStyle(elem, name) { // J/S Pro Techniques p136 if (elem.style[name]) { return elem.style[name]; } else if (elem.currentStyle) { return elem.currentStyle[name]; } else if (do…
16 мар '10 в 02:46
0 ответов

IE 11 ошибка, div с высотой> 1,533,917px отображает отрицательную вычисленную высоту и не отображает

jsfiddle: http://jsfiddle.net/FPkxn/2/ Html: <input type="text" id="Display"/> <div id="Container" style="overflow:scroll; height:200px; width: 115px;overflow-x: hidden;"> <div id="HugeDiv" style="background-color:red;width:100px;heig…
07 фев '14 в 08:39
1 ответ

Экспорт текущих стилей DOM

Существует ли JavaScript DOM API для получения текущей информации о стиле (селекторы и связанные с ними правила CSS, атрибуты ширины и высоты, атрибуты стиля и т. Д.) Для узла или набора узлов и сохранения их в XML-документе или аналогичном? Я хочу …
01 мар '12 в 08:43
3 ответа

Проблема Firefox с currentStyle vs getComputedStyle

Я пытаюсь получить ширину элемента в соответствии с его правилами CSS. Проблема в том, что "getComputedStyle" возвращает значение пикселя вместо "auto" для элемента без установленного значения ширины CSS. В Opera "elem.currentStyle['width']" возвращ…
29 авг '11 в 04:46
1 ответ

Позиционирование: стиль и вычисляемый стиль имеют разные значения

Первый пост на этой платформе:) У меня сейчас проблема с позиционированием в процентах. Стиль и вычисляемый стиль показывают другое значение для свойства top моего элемента: значение, которое я вижу в вычисляемом стиле, указывается в пикселях, а не …
25 июл '13 в 17:54
6 ответов

Определение ширины: авто в jQuery

Я получаю ширину элементов, используя jQuery, и предпочел бы, чтобы я мог указать, была ли указана явная ширина (и высота). <div id="test"></div> <script type="text/javascript"> $(function() { alert($('#test').css('width')); }); &l…
24 авг '10 в 14:46
1 ответ

Слишком медленно при получении текущего стиля в Chrome с использованием JavaScript

Я застрял с глупой проблемой. Ниже мой код, чтобы получить вычисленный стиль DOM. Он хорошо работает на FireFox и даже в IE (удивленно)! но слишком медленно на Chrome v17 (в 20 раз медленнее). Как избежать проблемы? getCurrentStyle = function(el) { …
21 фев '12 в 12:28
2 ответа

Как извлечь полное дерево DOM из HTML-страницы

Я должен сравнить две веб-страницы и проанализировать, есть ли разница между ними. Проблема заключается в следующем: мне нужно включить каждый элемент DOM (также те, которые добавляются динамически с помощью javascript), и мне нужно включить все при…
13 окт '11 в 19:51
1 ответ

Почему стиль, который был вычислен, работает только после переключения в devtools? (IE и Edge)

У меня есть класс CSS, как это: .open-drawer { transform: translateX(0px); border-left: 1px solid grey; margin-left 3px; } Этот класс добавляется в элемент div, который выдвигается на экран при нажатии пользователем кнопки. margin-left говорит, что …
3 ответа

В чем разница между rgba(0,0,0,0) и прозрачным?

В одном из моих других вопросов, решение для устранения проблемы рендеринга было с помощью значения rgba(255, 255, 255, 255) вместо transparent. Мы протестировали с помощью rgba(0, 0, 0, 0) и это все еще исправило проблему, означая, что это определе…
2 ответа

Вычисленное значение против указанного значения в анимации CSS

Согласно MDN: Если from / 0% или же to / 100% не указано, браузер запускает или заканчивает анимацию, используя вычисленные значения всех атрибутов. В следующем примере height значение свойства 0px: div#parent { width: 100px; height: 100px; outline:…
3 ответа

Получить вычисленное семейство шрифтов в JavaScript

Это продолжение этого вопроса. Я работаю над компонентом для CKEditor, настроенной версии раскрывающихся меню шрифтов, которые всегда отображают текущие выбранные значения семейства / размера шрифта, независимо от того, где они были определены, испо…
25 дек '09 в 08:54
2 ответа

Преобразование сформулированных значений CSS в числовые

Когда я звоню window.getComputedStyle() на элементе и попытайтесь получить свойство, такое как lineHeight, которое может иметь как сформулированные, так и числовые значения, есть ли способ или другая функция, которая будет возвращать числовое значен…
16 апр '14 в 12:32