草庐IT

hidden-scroll-content

全部标签

html - Font Awesome 中 aria-hidden 的效果

aria-hidden在FontAwesome中有什么作用?有必要用吗?为什么?或者为什么不呢?比如我想知道下面代码中aria-hidden="true"的效果: 最佳答案 简而言之,它使屏幕阅读器看不到图标,以增强可访问性。来自thedocumentation:Ifyou'reusinganicontoaddsomeextradecorationorbranding,itdoesnotneedtobeannouncedtousersastheyarenavigatingyoursiteorappaurally.Additional

html - 可以溢出 :hidden affect layout?

除了引用以下exampleonJSFiddle,我没有办法解释这个-在其中,在我引入overflow:hidden属性后,最后一个蓝色框没有像预期的那样扩展到100%的宽度。我的印象是overflow:hidden只会影响可见性方面,不会干扰布局。有人可以解释这个例子中发生了什么吗?编辑:这个问题似乎仅限于webkit浏览器(例如Chrome) 最佳答案 这是因为overflow:hidden在其他属性中引入了一个新的blockformattingcontext.您可以在这篇很棒的文章中了解效果:Themagicofoverflow

HTML 所见即所得编辑器 : why is the editable content moved in an iFrame

为什么将可编辑的html移动到iFrame中?我分析了不同的编辑器(TinyMce、CKEditor等),并将所有可编辑的内容移动到一个单独的iFrame中,它们覆盖了原始文本。这是什么技术原因。我尝试了contenteditable="true",它也是所有这些编辑器的基础,但还没有找到这样做的理由。 最佳答案 我是CKEditor核心开发人员。时间不长-就在今年的下半年,但我学到了很多关于我们为什么使用iframededitable:)样式-iframed编辑器的内容不会继承页面的样式。这非常重要,因为我们无法重置样式(原文如此

html - 如何将 Content DIV 放在 bootstrap carousel 上并使其响应?

我想在大屏幕和桌面屏幕的Bootstrap轮播中放置一个内容DIV。请参阅下图以了解您的理解。在手机和标签页中应该是这样的——我不确定如何使用bootstrap3创建此布局。希望有人可以帮助我。这是我当前的标记:ProvidingyoutheBestCleaningCompaniesinBahrainwith10%Discount.Exampleheadline.Crasjustoodio,dapibusacfacilisisin,egestasegetquam.Donecidelitnonmiportagravidaategetmetus.Nullamiddoloridnibhult

javascript - 如何设置文字装饰: underline only for specific content

我有一个输入标签,我从哪里获得这样的输入值。input.value+=""+value+";";在我的CSS中,我有text-decoration:underline;但这里的下划线出现在“空格”和“;”中这两个地方。有什么办法可以只装饰文本部分。我的代码是这样的:vardiv=document.getElementById(divID);varmyTable=''+''+''+''+''+''+''+''+''+'';div.innerHTML=myTable;functionselectItem(input,value){varnewinput=input.value.split(

php - file_get_contents 处理错误的好方法

这个问题在这里已经有了答案:HTTPrequestswithfile_get_contents,gettingtheresponsecode(5个答案)关闭9年前。我正在尝试错误处理file_get_contents方法,因此即使用户输入了错误的网站,它也会回显错误消息,而不是不专业的消息Warning:file_get_contents(sidiowdiowjdiso):failedtoopenstream:NosuchfileordirectoryinC:\xampp\htdocs\test.phponline6我想如果我尝试并捕获它就能捕获错误,但那没有用。try{$json=f

html - 如何通过 https 为 css 和 js 修复 "Blocked loading mixed active content"

尝试通过https查看我的站点时,我的Firefox控制台中不断出现“阻止加载混合事件内容”错误。我只为我的css和js文件收到此错误。我之所以这么糊涂是因为页面代码本身对文件的引用是https:但在控制台中,它显示为http:Blockedloadingmixedactivecontent"http://www.example.com/style.css"[LearnMore]我可以在页面上查看源代码并搜索“http://”,但页面上的任何地方都没有结果。有什么想法吗? 最佳答案 我认为你可以尝试使用相对协议(protocol)调

html - 在 css 伪 :after content 中添加谷歌 Material 设计图标

我只是想添加一些谷歌Material设计icons到悬停链接的内容:a:hover::after{content:"link"}但是不行,请看我的fiddle. 最佳答案 将您的CSS更改为:a:hover::after{font-family:'MaterialIcons';content:"link";-webkit-font-feature-settings:'liga';}所以你可以改变内容:“[whatevericonhere]”;FIDDLE此外,fiddle没有正确加载图标字体,所以我将链接放在html中。

jquery - 知道什么溢出:hidden has hidden

我想知道是否有任何方法可以调用和使用overflow:hidden隐藏得很好的东西。为了阐明我的意思,在thisexample我想知道“Thisishidden”是div的隐藏部分。这可能吗?您将如何处理它?我已经标记了jQuery问题,但当然无论完成什么工作都很棒,纯CSS或Javascript就可以了。提前致谢! 最佳答案 试试这个:CSS:.text{outline:1pxsolidorange;width:100px;height:20px;overflow:hidden;}HTML:Thisisshown.Thisishi

html - 如何强制 Safari 重新绘制位置 :fixed elements on scroll?

我在桌面和移动设备上使用Safari时遇到问题,它在用户滚动时重新绘制position:fixed元素的速度非常慢。safari难以处理的具有position:fixed的元素是#intro和.portfolio-item.expanded-content的页脚元素。滚动上的#intro不一定要重新绘制到正确的z-index(它应该在用户滚动时位于其他元素后面)。移动设备上的页脚元素不会停留在iOSSafari滚动内容上方的固定位置。在iOSsafari上滚动时出现锯齿状(然而,iOSchrome是流畅的,一切都按预期工作)。我做了一个fiddle,去掉了所有的图像、字体和JS,你瞧,