草庐IT

aria-hidden

全部标签

javascript - overflow hidden 的滚动条 :scroll enabled

我需要在有overflow:scroll;的div上隐藏滚动条;启用后,div将随鼠标和键盘滚动,但不会显示滚动条本身。有没有办法用css或javascript来做到这一点? 最佳答案 您可以使用纯CSS(至少在webkit浏览器中)做到这一点。你必须使用特殊的滚动条伪类来实现这一点::-webkit-scrollbar{display:none;}阅读这篇精彩的blogpost了解更多信息。 关于javascript-overflowhidden的滚动条:scrollenabled,我

javascript - overflow hidden 的滚动条 :scroll enabled

我需要在有overflow:scroll;的div上隐藏滚动条;启用后,div将随鼠标和键盘滚动,但不会显示滚动条本身。有没有办法用css或javascript来做到这一点? 最佳答案 您可以使用纯CSS(至少在webkit浏览器中)做到这一点。你必须使用特殊的滚动条伪类来实现这一点::-webkit-scrollbar{display:none;}阅读这篇精彩的blogpost了解更多信息。 关于javascript-overflowhidden的滚动条:scrollenabled,我

html - ARIA 组合框的 IE 兼容标记

我正在努力寻找一种使ExtJSCombobox组件与IE/JAWS兼容的方法。目前我们正在使用以下标记:Choose:Option1Option2这在带有JAWS和NVDA的Firefox中运行得相当好;但是,IE中的JAWS会在聚焦时将输入字段宣布为“编辑”。阅读后WAI-ARIAComboboxpattern直到斗鸡眼并尝试了几天,我准备承认IE的问题太多,无法使组合可靠地工作。或者它可能不是IE本身,而是thiscomment中建议的MSAA/UIA桥接器.这也可能是真的,因为我发现至少一种ARIA属性组合在带有JAWS(使用MSAA)的IE8/XP中运行良好,但在带有JAWS(

html - ARIA 组合框的 IE 兼容标记

我正在努力寻找一种使ExtJSCombobox组件与IE/JAWS兼容的方法。目前我们正在使用以下标记:Choose:Option1Option2这在带有JAWS和NVDA的Firefox中运行得相当好;但是,IE中的JAWS会在聚焦时将输入字段宣布为“编辑”。阅读后WAI-ARIAComboboxpattern直到斗鸡眼并尝试了几天,我准备承认IE的问题太多,无法使组合可靠地工作。或者它可能不是IE本身,而是thiscomment中建议的MSAA/UIA桥接器.这也可能是真的,因为我发现至少一种ARIA属性组合在带有JAWS(使用MSAA)的IE8/XP中运行良好,但在带有JAWS(

html - 溢出 :hidden on div in ordered list affects li, Chrome 错误?

这个问题在这里已经有了答案:Listwithnested`overflow-x:hidden`hideslistcounter/point-why/isthisabug?(2个答案)关闭5年前。我倾向于认为这是Chrome中的一个错误(为什么子元素上的样式会影响父元素?),但可能还有其他我不理解的事情发生。下面的有序列表有1个元素,在Firefox和IE10中是有编号的(尽管在IE中,它的位置是错误的)。不过在Chrome中,这个数字是完全隐藏的。ol{list-style-position:outside;}div{overflow:hidden;white-space:nowrap

html - 溢出 :hidden on div in ordered list affects li, Chrome 错误?

这个问题在这里已经有了答案:Listwithnested`overflow-x:hidden`hideslistcounter/point-why/isthisabug?(2个答案)关闭5年前。我倾向于认为这是Chrome中的一个错误(为什么子元素上的样式会影响父元素?),但可能还有其他我不理解的事情发生。下面的有序列表有1个元素,在Firefox和IE10中是有编号的(尽管在IE中,它的位置是错误的)。不过在Chrome中,这个数字是完全隐藏的。ol{list-style-position:outside;}div{overflow:hidden;white-space:nowrap

html - border radius + overflow hidden + inner element (progress bar) 使锯齿状边缘伪影

我正在尝试构建一个进度条,非常简单。我有一个嵌套在托盘内的酒吧。托盘上设置了overflow:hidden和border-radius。这是jsFiddle证明问题。如您在图片中所见,进度条左侧有一个锯齿状的瑕疵。父级进度条(深色背景)的抗锯齿边缘似乎在流血出去。所需的行为是bar/fill元素用于消除进度条的锯齿。我尝试过的一个简短的解决方案是绝对定位内部div,但是进度条需要能够从0%到1%进行动画处理,并且看起来没有overflow:hidden剪辑。我在Chrome和Firefox看到了这个工件,所以我不会立即怀疑它是Webkit中的错误。我还注意到这个错误也会影响Bootst

html - border radius + overflow hidden + inner element (progress bar) 使锯齿状边缘伪影

我正在尝试构建一个进度条,非常简单。我有一个嵌套在托盘内的酒吧。托盘上设置了overflow:hidden和border-radius。这是jsFiddle证明问题。如您在图片中所见,进度条左侧有一个锯齿状的瑕疵。父级进度条(深色背景)的抗锯齿边缘似乎在流血出去。所需的行为是bar/fill元素用于消除进度条的锯齿。我尝试过的一个简短的解决方案是绝对定位内部div,但是进度条需要能够从0%到1%进行动画处理,并且看起来没有overflow:hidden剪辑。我在Chrome和Firefox看到了这个工件,所以我不会立即怀疑它是Webkit中的错误。我还注意到这个错误也会影响Bootst

html - 像素错误溢出 : hidden and transform: translate

我有一个带标题的框,它是position:absolute并用top:100%隐藏。标题的父级有overflow:hidden。当我将鼠标悬停在框上时,标题会向上滑动,因此完全可见。现在的问题是,在此转换期间,存在像素错误。这意味着过渡期间的标题比父框宽1个像素。转换后一切看起来都很好。它出现在Windows8.1的IE11和Mac10.11.2的Webkit浏览器中。您应该在thisfiddle中看到此效果.当您没有看到像素错误时,请尝试调整窗口大小。您还会在屏幕截图中看到错误。我已经尝试过:将标题设置为宽1个像素添加overflow-x:hidden添加translate3d

html - 像素错误溢出 : hidden and transform: translate

我有一个带标题的框,它是position:absolute并用top:100%隐藏。标题的父级有overflow:hidden。当我将鼠标悬停在框上时,标题会向上滑动,因此完全可见。现在的问题是,在此转换期间,存在像素错误。这意味着过渡期间的标题比父框宽1个像素。转换后一切看起来都很好。它出现在Windows8.1的IE11和Mac10.11.2的Webkit浏览器中。您应该在thisfiddle中看到此效果.当您没有看到像素错误时,请尝试调整窗口大小。您还会在屏幕截图中看到错误。我已经尝试过:将标题设置为宽1个像素添加overflow-x:hidden添加translate3d