问题标签 [computed-style]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
4699 浏览

jquery - 将 IE 的 getComputedStyle 修复应用到我的代码...“null”为 null 或不是对象

这个问题之后,我遇到了。我正在尝试应用以下修复以使 getComputedStyle 在用于 jQuery 同位素的代码中与 IE8(和 -)一起使用。但我仍然收到一条错误消息。任何帮助将不胜感激。

我得到 'null' is null 或不是 IE-Tes​​ter 的对象错误消息。该网站是http://www.gablabelle.com/

0 投票
1 回答
138 浏览

algorithm - 在浮动div之前定义最小可用高度?

我使用 float:left 将多个框(div)排列在两列中。div 有不同的高度,导致这样的布局:

但是我想定义一个最小高度(最小可用空间),当一个盒子必须漂浮在左列时。我想要一个类似于这样的结果:

我想这是不可能的......但是也许有一个CSS技巧?

谢谢,康拉德

0 投票
2 回答
1222 浏览

css - 元素样式与计算样式具有不同的值

我遇到了一个令人费解的问题,属性的计算样式与元素的样式具有不同的值。

先用几句话描述一下我的情况

我正在为元素的背景颜色属性设置动画,当动画结束时,我检索计算的 bgcolor 值并将其应用于元素的样式。这工作正常

但是,如果我现在尝试更改 bgcolor,则没有任何反应,尽管该值确实是在元素上设置的,正如开发人员工具报告的那样。

此时,如果您(通过浏览器的开发人员工具)在样式和计算样式之间切换,则 2 报告的内容之间存在差异,当然计算样式优先。

我在小提琴上创建了一个测试脚本,描述了这种情况 http://jsfiddle.net/d2S3d/14/

附加一些示例css导致stackoverflow不允许我在没有它的情况下提交帖子

.animate{ 动画名称:bg_kf; 动画持续时间:5s;动画定时功能:线性;动画延迟:0s;动画迭代计数:1;动画填充模式:转发;动画方向:正常;

任何帮助表示感谢

0 投票
1 回答
871 浏览

css - Chrome 计算样式不正确

我似乎对 Chrome 的计算样式有疑问。在某些 chrome 安装的某些元素上,计算的样式与 css 不同 在此处输入图像描述

该错误发生在整个页面的多个元素上,但未出现在同一台计算机上的 safari 或 firefox 中。该项目中只有一半的开发人员遇到过这个问题,而且它似乎每隔几天就来来去去......

有任何想法吗?

编辑:我有一个视网膜 MPB,另一个有这个问题的开发人员有一个 13 英寸的 MacBook Air,都在运行 Mountain Lion

编辑 2:这是在屏幕截图中生成计算样式的 css 块(尽管不是唯一一个有错误的

0 投票
0 回答
42 浏览

html - 计算样式在本地文件上表现得很奇怪

我的本地文件上的计算样式有问题。

请看下面的图片。

左边是我的本地文件。右边是服务器上的文件

在此处输入图像描述

如果您注意到,在 firebug 中,字体大小会被删除,因为它会在其他地方被覆盖。问题是它不会在其他任何地方被覆盖(你也可以在萤火虫中看到)。

在计算的样式中,您可以看到 font-size 是 16px,而应该是 12.8px。

注意:我直接从服务器加载 .css 文件,甚至在我的本地文件中,所以它们使用相同的文件。

有谁知道它为什么会这样?

谢谢你。

0 投票
1 回答
91 浏览

javascript - javascript中相对大小HTML元素的计算大小错误

我的窗口对象的宽度为 1361 像素。

容器 div 的宽度设置为 90%,理论上为 1224.9px。

但是,它的计算大小( $("#mycontainer").width() )返回 1225px。仅供参考,计算出的数字似乎来自浏览器本身,而不是 jQuery。

现在,问题是如果我在其中放置两个浮动 div,分别为 1000px 和 225px,它们将不适合同一行,据称是因为 1225px > 1224.9px。至少在 FF 和 Chrome 中,没有在其他地方测试过。

如果我将容器设置为 1225px 的固定大小,那么两个 div 将回到同一行,这在我看来证实了浏览器不使用上舍入计算的大小来知道实际上有多少空间可供孩子使用占领。

我想知道是否有人知道如何解决这个问题。我什至不确定如何获得容器的百分比大小来自己做数学运算:

0 投票
1 回答
2865 浏览

css - 定位:样式和计算样式具有不同的值

在这个平台上的第一篇文章:)

我目前遇到百分比定位问题。样式和计算样式为我的元素的 top 属性显示不同的值:

  • 我在计算样式中看到的值是像素而不是样式表中定义的 %
  • 值不同:如果我用计算的样式替换样式,元素会向下移动大约 40 个像素。

这是我的代码:

img1是 600 像素高。因为它有一个相对定位,所以container得到它的高度。container600px 高也是如此。如果我计算一下,#img2 的顶部位置(以像素为单位)应该是 240 像素。但计算样式给了我 280 像素。为什么?

这件事发生在我容器里的几乎所有孩子身上,这让我发疯了!

有人知道发生了什么吗?

0 投票
2 回答
116 浏览

jquery - 如何获取元素的创作样式属性?

我正在使用 jQuery 为页面上的元素设置动画。

为了在最后重新初始化我所有元素的位置,我需要获取我的元素的创作属性,在我的样式表中以 % 指定。

我首先使用了该.css()函数,但它给了我计算值,这是我不想要的。我正在寻找我在 CSS 中声明的值(百分比或像素)。

关于如何获得它的任何想法?

0 投票
3 回答
17433 浏览

javascript - 将 javascript 计算样式从一个元素设置/复制到另一个元素

所以我试图复制适用于一个元素的所有样式(类 / id / tagName / 属性等)。到目前为止,我发现我可以复制元素的计算样式,只是一个问题......可以将其应用于外部元素;/

或以不同的方式复制所有样式。

(据我所知:/) http://jsfiddle.net/8KdJd/2/

0 投票
0 回答
733 浏览

height - IE 11 错误,高度 > 1,533,917px 的 div 显示负计算高度并且不渲染

jsfiddle:

html:

Javascript(JQuery):

这不会显示在浏览器上!它将在计算高度显示 -184070.03,实际高度将为 1,533,917 像素。

为什么?Firefox 按预期显示高度。

¿任何解决方法?

谢谢