草庐IT

aria-hidden

全部标签

javascript - 溢出 :hidden for rounded borders using css3pie in IE8?

我有这个HTML:和CSS:#micrositePhotoDiv{overflow:hidden;@includeborder-radius(10px);behavior:url(PIE.htc);}img的src在javascript中以编程方式设置。img设置为其包含的div的宽度。在ie9、firefox、chrome等中,这使得图片有圆Angular边框(因为图片的Angular在边框外,存在overflow:hidden;)在IE8中,图像没有圆Angular边框。border-radius属性生效(如果我执行border:solidblack1px;,我可以在图像后面看到它

javascript - .css ('display' ) 是 block ,[0].hidden 是假的,.is (':hidden' ) 是真的吗?

我遇到了一个div被隐藏的情况,即使我刚刚执行了显示具有相同后缀的所有其他div的代码:$("[id$='-input-container']").show()尽管如此,一个特定的div仍然隐藏:$("#single-colorRange-color-input-container")。我想也许它被隐藏在代码后面的某个地方但没有-在调用$inputContainers.show()之后我立即添加了如下日志记录(和debugger语句停止所有后续执行):console.log($("#single-colorRange-color-input-container").css('displ

javascript - scrollTop 和 html 溢出 : hidden

当这样设置CSS规则时html{overflow:hidden;}我无法再使用javascript在Chrome中获取或设置滚动位置(只有DOMElement.scrollIntoView有效)。当我删除它时,它可以正常工作,但它会弄乱整个页面,其中包含使用CSS3创建的“视差效果”。这是一个简化的示例(仅以-webkit-为前缀):http://jsfiddle.net/BaliBalo/LxCxn/ 最佳答案 您可以使用clearfix以与overflow:hidden相同的方式进行“布局预置”。.clearfix:before

javascript - ember 核心表单组件中的 ARIA 属性

我想在Ember核心表单组件中使用ARIA属性,例如输入和文本区域字段。我注意到在我的模板的组件中使用aria属性,它根本不起作用{{inputaria-label="Yourname"}}{{textareaaria-label="Youraddress"}}所以我决定在初始化器中重新打开核心组件以将此属性添加到组件exportdefault{name:'reopenTextAreaComponent',initialize:function(){Ember.TextArea.reopen({attributeBindings:['aria-label']});}};自从我这样做后,

javascript - CSS/JavaScript - 元素外的内容溢出 :hidden

我有一个容器div元素,上面有overflow:hidden。不幸的是,由于网站的制作方式,此属性是必需的。在这个div中是所有网站内容,包括一些工具提示。当您将鼠标悬停在链接或其他内容上时,这些工具提示将通过jQuery显示。问题是,由于上面的溢出,这些工具提示中的一些将显示部分隐藏,因为它们位于容器div之外......有什么方法可以显示此容器内的特定元素,即使它超出了容器的边界?也许是JavaScript解决方案?html看起来像这样:themaincontentthetooltipthing 最佳答案 试试这个:themai

javascript - window.pageYOffset 始终为 0,溢出 x : hidden

我正在创建一个网页,其中包含一些只需要在特定时间滑入的屏幕外内容。为此,我在html,body上设置了overflow-x:hidden。这样用户就无法向左或向右滚动以获取内容。但是,在应用程序的某个时刻,我还需要用户向下滚动的数量。据我所知,window.pageYOffset是最可靠的方法之一。但是,当我设置overflow-x规则时。window.pageYOffset始终等于0。这些事情不应该彼此毫无关联吗?我怎样才能解决这个问题?我已经在Safari、Firefox和Chrome上测试过了。我试过document.documentElement.scrollTop但这只适用于

javascript - 如果 aria-expanded === true 添加类

如果aria=expanded===true,我该如何切换类?我有以下标记:html{{content.static.productDetailsText}}js$(function(){if($('pdp-accord-toggle').attr('aria-expanded')===true){$(this).find(".accordion-plus").toggleClass("accordion-minus");}})编辑-更多信息基本上我观察在plus图标和minus图标之间切换,替换.accordion-class中的img与content:url(anotherimag

javascript - 边界半径 + 溢出 :hidden when animating with jQuery

检查这个jsFiddle.橙色条用作进度条,圆圈下的值是进度条应该多高。知道为什么overflow:hidden;被忽视了吗?如何解决这个问题?显然,圆圈外不应有任何内容。还有更好的解决方案吗? 最佳答案 稍微修改了你的fiddle。Hereisthelink修改:将.outerContainercss从display:table更改为display:block并将margin-top:30px添加到pCSS检查这是否适合您。 关于javascript-边界半径+溢出:hiddenwhe

javascript - 使用 aria-live 在 vue.js 中向屏幕阅读器发布信息

我正在尝试让一个vue组件在我的网站上发生不同事件时动态地向屏幕阅读器宣布信息。我让它工作到单击按钮将填充aria-live="assertive"和role="alert"文本的范围。这第一次工作得很好,但是,单击具有类似行为的其他按钮会导致NVDA在阅读新文本之前阅读以前的文本两次。这似乎发生在vue中,但使用jquery的类似设置却没有发生,所以我猜它与vue呈现给DOM的方式有关。我希望有某种方法可以解决此问题,或者可能有更好的方法将文本读给不会有此问题的用户。非常感谢任何帮助。Hereisasimplecomponent我在工作代码沙箱中设置以显示我遇到的问题(导航至comp

Javascript/Ionic3 溢出 :hidden disable scroll in Firefox

我遇到无法删除FirefoxQuantum滚动条的问题。哦Chrome它就像这个css的魅力一样:div::-webkit-scrollbar{border:none;width:0;background:rgba(0,0,0,0);display:none;overflow-x:hidden;overflow-y:hidden;}div::-webkit-scrollbar-track{border:none;width:0;background:rgba(0,0,0,0);display:none;overflow-x:hidden;overflow-y:hidden;}div::