草庐IT

black-box-testing

全部标签

javascript - 在 box-sizing :border-box is set in CSS? 时,JavaScript 中有没有一种方法可以直接获取元素的内容宽度

如果我们在CSS中设置它(自动前缀):*{box-sizing:border-box}然后getComputedStyle(elem).width包括元素的填充。现场演示:http://jsfiddle.net/simevidas/EpUnp/我想获取元素内容框的宽度(不带内边距)。是否有用于此的标准API,还是我必须手动减去填充? 最佳答案 getBoxQuadsAPI可以做到。(它在FirefoxNightly中受支持)。varquad=elem.getBoxQuads({box:'content'})[0];varconten

javascript - 在 box-sizing :border-box is set in CSS? 时,JavaScript 中有没有一种方法可以直接获取元素的内容宽度

如果我们在CSS中设置它(自动前缀):*{box-sizing:border-box}然后getComputedStyle(elem).width包括元素的填充。现场演示:http://jsfiddle.net/simevidas/EpUnp/我想获取元素内容框的宽度(不带内边距)。是否有用于此的标准API,还是我必须手动减去填充? 最佳答案 getBoxQuadsAPI可以做到。(它在FirefoxNightly中受支持)。varquad=elem.getBoxQuads({box:'content'})[0];varconten

html - 使用 Flex Box 将列移动到下一行

我有三列,顺序为1、2、3。HTML123CSS.flex-container{display:flex;}.item{background:orange;padding:10pxauto;color:#fff;font-family:arial;flex-grow:100;flex-shrink:50;text-align:center;}.first{order:1;}.second{order:2;}.third{order:3;}当我切换到手机屏幕栏目时我想要的应该是这样显示的;132媒体查询/*Toonarrowtosupportthreecolumns*/@mediaall

html - 使用 Flex Box 将列移动到下一行

我有三列,顺序为1、2、3。HTML123CSS.flex-container{display:flex;}.item{background:orange;padding:10pxauto;color:#fff;font-family:arial;flex-grow:100;flex-shrink:50;text-align:center;}.first{order:1;}.second{order:2;}.third{order:3;}当我切换到手机屏幕栏目时我想要的应该是这样显示的;132媒体查询/*Toonarrowtosupportthreecolumns*/@mediaall

javascript - 如何在鼠标悬停时覆盖 div/box?

我有一个链接,当用户将鼠标悬停在它上面时,它应该在链接下方显示一个框(div)。该框应覆盖其下方的任何内容。我如何使用css或javascript来实现? 最佳答案 您有一个隐藏的绝对定位的div和链接的子项。然后,当您将鼠标悬停在链接上时,您应该取消隐藏div。我无法提供完整的CSS,而且我还没有对此进行测试,但这应该可以帮助您入门。您必须仔细研究定位和大小。SomewhereThisishidden.a.special{position:relative;}a.specialdiv.desc{background-color:w

javascript - 如何在鼠标悬停时覆盖 div/box?

我有一个链接,当用户将鼠标悬停在它上面时,它应该在链接下方显示一个框(div)。该框应覆盖其下方的任何内容。我如何使用css或javascript来实现? 最佳答案 您有一个隐藏的绝对定位的div和链接的子项。然后,当您将鼠标悬停在链接上时,您应该取消隐藏div。我无法提供完整的CSS,而且我还没有对此进行测试,但这应该可以帮助您入门。您必须仔细研究定位和大小。SomewhereThisishidden.a.special{position:relative;}a.specialdiv.desc{background-color:w

javascript - document.getElementByID ("test").innerHTML 给出 TypeError : 'undefined' is not a function (evaluating 'document.getElementByID("test")')

我正在尝试使用javascript设置div的内部html,但由于某种原因,它不起作用。我发现其他人以前也遇到过这个问题,但我在其他帖子中找到的解决方案均无效。我不明白怎么了。这是我的测试函数:functiontest(){document.getElementByID("test").innerHTML="whywon'tyouwork";alert("hello");}window.onload=test;正在调用该函数,因为如果document.getElementByID行被注释掉,警告框会起作用。如果该行未被注释,则它不起作用。我的控制台显示该行的错误:TypeError:'

javascript - document.getElementByID ("test").innerHTML 给出 TypeError : 'undefined' is not a function (evaluating 'document.getElementByID("test")')

我正在尝试使用javascript设置div的内部html,但由于某种原因,它不起作用。我发现其他人以前也遇到过这个问题,但我在其他帖子中找到的解决方案均无效。我不明白怎么了。这是我的测试函数:functiontest(){document.getElementByID("test").innerHTML="whywon'tyouwork";alert("hello");}window.onload=test;正在调用该函数,因为如果document.getElementByID行被注释掉,警告框会起作用。如果该行未被注释,则它不起作用。我的控制台显示该行的错误:TypeError:'

html - chrome 可以播放 html5 mp4 视频,但 html5test 说 chrome 不支持 mp4 视频编解码器

根据html5test.com,chrome不支持html5mp4视频(请参阅以下链接)。http://html5test.com/compare/feature/video-mpeg4.html然而,在this测试页面,通过如下设置body可以成功播放mp4视频:Yourbrowserdoesnotsupportthevideotag.我怎样才能正确解释它? 最佳答案 .mp4只是一种容器格式(MPEG-4Part14),.mp4文件下的视频和音频格式可以是多种多样的。对于视频,H-264(MPEG-4Part10)和MPEG-4

html - chrome 可以播放 html5 mp4 视频,但 html5test 说 chrome 不支持 mp4 视频编解码器

根据html5test.com,chrome不支持html5mp4视频(请参阅以下链接)。http://html5test.com/compare/feature/video-mpeg4.html然而,在this测试页面,通过如下设置body可以成功播放mp4视频:Yourbrowserdoesnotsupportthevideotag.我怎样才能正确解释它? 最佳答案 .mp4只是一种容器格式(MPEG-4Part14),.mp4文件下的视频和音频格式可以是多种多样的。对于视频,H-264(MPEG-4Part10)和MPEG-4