Tag: 计算风格

rgba(0,0,0,0)和透明有什么区别?

在我的其他问题之一 ,修复渲染问题的解决scheme是通过使用值rgba(255, 255, 255, 255)而不是transparent. 我们使用rgba(0, 0, 0, 0)进行testing,这仍然纠正了这个问题,这意味着它是导致错误的transparent的定义。 但是,查看transparent的W3C CSS3规范 (和MDN参考 ),发现rgba(0, 0, 0, 0)和transparent应该是相等的: 透明 完全透明。 这个关键字可以被认为是透明黑色的简写,rgba(0,0,0,0),这是它的计算值。 那么给了什么? 为什么两个看似相同的值会产生不同的结果呢? 我已经研究了RGBA 的格式 ,并寻找类似的问题(无济于事)。 每个提到从transparent转换到rgba(0,0,0,0)问题/答案总是有“应该”或“依据”in。(例如这里 )。 实际的区别是什么?为什么它会改变输出? 注意:这在大多数(如果不是全部的话)Internet Explorer版本中都会发生。 我们也知道它发生在Firefox的某些版本中。 但是Chrome和Safari不显示这种行为,导致我们相信在-webkit有这种补丁。 为了能够提交这个错误,我们需要使用最less量的代码重现问题。 所以,从我的另一个问题转移,这里是使用transparent vs rgba(0,0,0,0) ,以及当我们使用两者时会发生什么。 透明 @keyframes spin{ 0% {transform:rotateZ(0deg);} 50% {transform:rotateZ(360deg);border-radius:60%;} 100%{transform:rotateZ(720deg);} } .spinme{ display:inline-block; position:relative; left:0; top:0; margin:0.2rem; width:0.8rem; height:0.8rem; border:0.2rem solid […]

在JavaScript中获取计算字体家族

这是这个问题的后续。 我正在研究CKEditor的一个组件,这是一个字体下拉菜单的调整版本,它使用computedStyle和consorts始终显示当前选定的字体系列/大小值,无论它们在何处定义。 正如您在其他问题中所看到的,现在确定字体大小是跨浏览器的。 现在我无法使用fontFamily属性。 我的通用“计算风格”函数只返回定义的完整字体string,例如 Times New Roman, Georgia, Serif 我需要的是,为了匹配字体系列下拉列表项的设置,是我正在检查的DOM元素的实际字体的固定字体名称 。 这可以以某种方式完成,至less对于最常见的Web字体?

我如何获得计算风格?

任何人都可以请帮我一个脚本..或一种方式来获得的价值 height : 1196px; width: 284px; 从计算的样式表(webkit)。 我知道IE是不同的 – 像往常一样。 我无法访问iframe(跨域) – 我只需要高度/宽度。 我需要的屏幕截图(用红色圈起来)。 我如何访问这些属性? 资源 <iframe id="frameId" src="anotherdomain\brsstart.htm"> <html id="brshtml" xmlns="http://www.w3.org/1999/xhtml"> \–I WANT THIS ELEMENTS COMPUTED BROWSER CSS HEIGHT/WIDTH <head> <title>Untitled Page</title> </head> <body> BLA BLA BLA STUFF </body> </html> \— $('#frameId').context.lastChild.currentStyle *This gets the actual original style set on the other domain which […]