草庐IT

live_cell

全部标签

html - JAWS 未读取 Aria-Live ="Assertive"

你好Stackoverflow社区。这是我的第一个问题,但我会尽量简明扼要。我的任务是更新我们的ASP.NETWeb应用程序以符合第508节的要求。这对我来说都是全新的,我很难让事情按预期工作。我们有一个页面,用户可以通过onmouseover事件获取有关链接的附加信息。显然,这不适用于视力不佳的用户。因此,我们为他们提供了一个“更多信息”按钮,该按钮显示与视力正常的用户相同的“工具提示”div。我将aria-live="assertive添加到“tooltip”div并理解如果div在页面加载时隐藏然后通过按钮显示,它会被JAWS读取.令我沮丧的是,事实并非如此。工具提示div如下所

html - 防止读取每个动态变化 : is there an aria-live ="zombie"?

我有一个标签,我每隔几毫秒更新一次文本。在视觉上,我可以看到文字一闪而过,这很好。我想把它变成一个aria-live区域,这样我也能听到闪过的文字,但我不希望JAWS读取每一个文字变化。它会陷入困境。因此,如果在jaws读完第一个更改时我更改了文本4次,我希望jaws忽略其他3个更改,只说下一个更改(第5个更改),依此类推。遗漏的3个更改并不重要。所以我有一个aria-live区域,它不是真正活跃的,也不是真正死去的。我需要某种僵尸中间地带。我尝试了“礼貌”和“自信”以及aria-busy的各种组合,但我尝试过的都没有效果。有什么想法吗? 最佳答案

html - CSS 网格 : align square cells with container edges with consistent grid gap?

目标是将方形单元格与其容器的前缘和后缘对齐,同时在每一行的单元格之间以及每一行之间实现一致的间隙。这个Codepen很接近,但是有两个问题:(1)垂直间隙和水平间隙不同;(2)正方形与前缘齐平,但与后缘齐平。https://codepen.io/anon/pen/wREmjoul{display:grid;width:260px;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));grid-auto-rows:1fr;grid-gap:10px;list-style-type:none;border:2pxsolidblack

html - 响应式网格框架 - float : vs display: table-cell

我使用过Bootstrap,并研究过Foundation。据我所知,它们都使用float:来实现响应式网格。我还看到仅使用display:table-cell和@media查询的响应式网格。后者对我来说似乎更好,因为float:旨在实现特定的排版效果,因此使用它来实现响应式网格布局似乎是一种hack。我的问题:float:是否被bootstrap、foundation和其他响应式网格用于解决旧浏览器中缺乏适当的table-cell支持的问题?如果还有其他原因,我也想听听。 最佳答案 网格系统的制作方式大致有3种:floatinlin

html - calc 是否与显示 :table-cell? 一起工作

我有一个用div制作的结构,设置为像表格元素一样显示。这是一个条目表单,我希望左栏(字段标签所在的位置)为50%宽,加上2em,以便星号适合必填字段,而右栏(字段所在的位置)为占用剩余空间。我尝试使用calc来设置宽度。但至少在我最新的Chrome中,列的宽度是任意的,即使检查元素显示规则存在并且处于事件状态。可能是什么问题呢?calc与display:table-cell不兼容吗?还是我在某个地方犯了一个错误?这是HTMLGenedonorBlackratCatCattleaddotherspecies以及它的CSS.dialog-label-column,.nested-label

Jquery .live() 不适用于 HTML5 视频事件

我在与HTML5视频的ended事件交互时遇到问题。问题是标签是使用lightbox-clone插件动态添加到页面的,我不能使用绑定(bind)来获取ended事件。尝试使用live()但也没有用。我当然可以将“点击”用作事件,但播放、暂停和结束都不起作用。尝试过delegate,但没有成功。代码看起来像这样(我使用了Stackoverflow上其他地方发布的解决方案):$("video").live("play",function(){alert("Itmoves!");});使用bind有预期的效果,但它不会影响弹出容器内的video标签。HTML是标准的标签包裹在一个div中,但

iphone - 适用于 iPhone 的 Http Live Streaming 以及我们使用 .m3u8 文件的原因

我已经完成了所有This我还制作了.ts和m3u8文件。在本地服务器和实时服务器中,我可以像这样播放mp4文件但我在播放.m3u8文件时遇到问题我的mediafilesegmenter创建了两个.ts文件和一个.m3u8文件。我的m3u8文件是#EXTM3U#EXT-X-TARGETDURATION:10#EXT-X-VERSION:4#EXT-X-MEDIA-SEQUENCE:0#EXT-X-PLAYLIST-TYPE:VOD#EXT-X-I-FRAMES-ONLY#EXTINF:1.0117,#EXT-X-BYTERANGE:8084@376fileSequence0.ts#EXT

javascript - 在 "display:table-cell"之间填充

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭8年前。Improvethisquestion有没有办法在执行display:table-cell时在“单元格”周围放置填充或透明边框?我希望通过这个空间显示背景,所以我不能只将边框设置为白色,而且border-color:transparent出于某种原因对我不起作用。我检查了w3schools和

html - 绝对顶部 :0 bottom:0 not working inside table-cell in IE11

根据我之前的一个问题,我有这个fiddle在小View中,它在一列之上有两列,在其他View中,它在一行中有3列。这按预期工作。但是,在设计方面,我希望内容block之间有空间。为了解决这个问题,我在单元格内制作了一个绝对定位的元素,该元素的大小会相应地填充空间,但会留下一个空隙。这在Chrome中运行良好,但是IE11、桌面、Windows8应用程序和WindowsPhone都无法按预期运行。在IE11中,block只会扩展以适应内容(即使绝对block不包含任何内容......)我认为这是因为IE正在考虑浏览器添加的自然单元格填充以使单元格同样的高度。更重要的是:如果你给block

html - li {display : table-cell; position: relative;} with absolutely positioned div inside behaves differently in (FF4, WebKit) vs (Opera, IE9)

这是一个完整的测试用例:testhtml,body,ul,li,div,span{padding:0;margin:0;}ul.container{display:table;list-style-type:none;margin-right:24px;position:relative;}ul.containerli{display:table-cell;position:relative;}ul.containerdiv,ul.containerspan{border:1pxdotted#000;}ul.containerdiv{width:40px;height:40px;pos