草庐IT

hidden_stuff

全部标签

html - 倾斜的背景和带有 overflow hidden 的悬停效果

我正在研究CSS3导航,但我遇到了悬停效果溢出的问题。我尝试添加overflow:hidden-但没有成功。这是它的样子:它应该是这样的:HTML:HomeAboutEventsArtistsCSS:#header-top{height:70px;left:0;position:fixed;right:0;top:0;z-index:100;}#header-top:after{background:rgba(0,0,0,0.35);content:"";height:120px;position:absolute;top:-50px;left:0px;transform:skewY(

html - 倾斜的背景和带有 overflow hidden 的悬停效果

我正在研究CSS3导航,但我遇到了悬停效果溢出的问题。我尝试添加overflow:hidden-但没有成功。这是它的样子:它应该是这样的:HTML:HomeAboutEventsArtistsCSS:#header-top{height:70px;left:0;position:fixed;right:0;top:0;z-index:100;}#header-top:after{background:rgba(0,0,0,0.35);content:"";height:120px;position:absolute;top:-50px;left:0px;transform:skewY(

html - CSS 溢出 :hidden creating margin at bottom

当我添加overflow:hidden对于我页面上的任何按钮,它会在按钮底部创建13px的边距。当我删除上面的CSS时,边距消失了,但是按钮中的一些内容溢出了。如何去除底部的边距,同时保持overflow:hiddenCSS样式?带有溢出:隐藏没有溢出:隐藏然而,Facebook标志溢出到下一个按钮(它是自定义字体)当前按钮CSS:.btn{background-color:#FF6347;border:1pxsolid#CC4F39;color:#FFFFFF;text-decoration:none;padding:7px15px;cursor:pointer;font-size:

html - CSS 溢出 :hidden creating margin at bottom

当我添加overflow:hidden对于我页面上的任何按钮,它会在按钮底部创建13px的边距。当我删除上面的CSS时,边距消失了,但是按钮中的一些内容溢出了。如何去除底部的边距,同时保持overflow:hiddenCSS样式?带有溢出:隐藏没有溢出:隐藏然而,Facebook标志溢出到下一个按钮(它是自定义字体)当前按钮CSS:.btn{background-color:#FF6347;border:1pxsolid#CC4F39;color:#FFFFFF;text-decoration:none;padding:7px15px;cursor:pointer;font-size:

html - 允许在 y 轴上溢出,同时在 x 轴上 overflow hidden

这个问题在这里已经有了答案:overflow-y:visiblenotworkingwhenoverflow-x:hiddenispresent[duplicate](2个答案)关闭6年前。我试图在y轴上允许溢出,同时在x轴上overflowhidden。人们可能希望添加这些属性:.overflow{overflow-x:hidden;overflow-y:visible;}到一个block级元素就足够了,但由于一些CSS实现的怪癖,如文档中所述here,这实际上不起作用。最终发生的是overflow-y的计算值变为auto,而overflow-x保持隐藏状态。还有其他方法可以实现我想

html - 允许在 y 轴上溢出,同时在 x 轴上 overflow hidden

这个问题在这里已经有了答案:overflow-y:visiblenotworkingwhenoverflow-x:hiddenispresent[duplicate](2个答案)关闭6年前。我试图在y轴上允许溢出,同时在x轴上overflowhidden。人们可能希望添加这些属性:.overflow{overflow-x:hidden;overflow-y:visible;}到一个block级元素就足够了,但由于一些CSS实现的怪癖,如文档中所述here,这实际上不起作用。最终发生的是overflow-y的计算值变为auto,而overflow-x保持隐藏状态。还有其他方法可以实现我想

html - 为什么内联 block 在溢出 : hidden is applied? 时工作方式不同

我想显示两个具有并排宽度和高度的元素。我申请了inline-block到s,但是左边元素的位置很奇怪:HTML:contentforgooglemapAPICSS:#myDivTag,#map-canvas{display:inline-block;height:95%;width:49%;z-index:0;}这两个元素之间的唯一区别是overflow:hidden选项。当我申请overflow:hidden至#myDivTag,它工作正常,但我不知道为什么。我认为这与overflow无关属性(property)。但我的想法显然是错误的。为什么? 最佳答案

html - 为什么内联 block 在溢出 : hidden is applied? 时工作方式不同

我想显示两个具有并排宽度和高度的元素。我申请了inline-block到s,但是左边元素的位置很奇怪:HTML:contentforgooglemapAPICSS:#myDivTag,#map-canvas{display:inline-block;height:95%;width:49%;z-index:0;}这两个元素之间的唯一区别是overflow:hidden选项。当我申请overflow:hidden至#myDivTag,它工作正常,但我不知道为什么。我认为这与overflow无关属性(property)。但我的想法显然是错误的。为什么? 最佳答案

html - 输入 hidden 或 div with display : none in css?

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭4年前。Improvethisquestion在我们的元素中,我们都使用inputtype=hidden元素和带有display:nonecss的divs将一些数据存储在html页面上而不向用户显示。所以我想知道哪种方式在性能和代码完整性以及html语义方面更合适?

html - 输入 hidden 或 div with display : none in css?

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭4年前。Improvethisquestion在我们的元素中,我们都使用inputtype=hidden元素和带有display:nonecss的divs将一些数据存储在html页面上而不向用户显示。所以我想知道哪种方式在性能和代码完整性以及html语义方面更合适?