草庐IT

overflow

全部标签

javascript - Stack Overflow 桌面通知如何工作?

也许这是一个相当大且模棱两可的问题:在StackOverflow聊天室中,有一个“启用桌面通知”按钮,当有人回复您时,它会在系统托盘中显示一些内容。这是通过什么机制起作用的?它总是让我很好奇。网站如何访问系统托盘? 最佳答案 它使用Notification对象(即varn=newNotification("Hello");)在每个网站的基础上提供本地通知。每个浏览器以不同方式实现标准(参见Chrome、Firefox和Safari),但它们的操作方式基本相同,根据它们拥有的权限发送通知(window.Notification.per

javascript - Stack Overflow 桌面通知如何工作?

也许这是一个相当大且模棱两可的问题:在StackOverflow聊天室中,有一个“启用桌面通知”按钮,当有人回复您时,它会在系统托盘中显示一些内容。这是通过什么机制起作用的?它总是让我很好奇。网站如何访问系统托盘? 最佳答案 它使用Notification对象(即varn=newNotification("Hello");)在每个网站的基础上提供本地通知。每个浏览器以不同方式实现标准(参见Chrome、Firefox和Safari),但它们的操作方式基本相同,根据它们拥有的权限发送通知(window.Notification.per

html - 是否有可能有一个弹出 div 'breaks out' 溢出 :scroll or overflow:auto container?

我有一个包含弹出菜单的可滚动区域。从概念上讲,是这样的:...contentherethat'sbigenoughtotriggerscrollbars...Clickhere...morecontent.Thisdivgetsshownandhiddenbyjqueryonclickevents.问题是,当弹出菜单弹出时,它也包含在滚动div中,并且无论我将z-index设置多高都不会出现在100x100像素可滚动区域之外。我当然意识到,从某种意义上说,这正是我首先告诉外部div溢出时所要求的:auto。但对于我的用例来说,这不是我想要的——我希望弹出菜单“在顶部”并且能够扩展到可滚

html - 是否有可能有一个弹出 div 'breaks out' 溢出 :scroll or overflow:auto container?

我有一个包含弹出菜单的可滚动区域。从概念上讲,是这样的:...contentherethat'sbigenoughtotriggerscrollbars...Clickhere...morecontent.Thisdivgetsshownandhiddenbyjqueryonclickevents.问题是,当弹出菜单弹出时,它也包含在滚动div中,并且无论我将z-index设置多高都不会出现在100x100像素可滚动区域之外。我当然意识到,从某种意义上说,这正是我首先告诉外部div溢出时所要求的:auto。但对于我的用例来说,这不是我想要的——我希望弹出菜单“在顶部”并且能够扩展到可滚

html - 有没有办法为 div 设置垂直滚动条?

我将一个空的内容div放入表中的td标记中。它显示div中只有一行。如果我设置了div的高度,当我输入的内容多于它的高度时,它仍然保持原来的大小。当内容需要在div中占用更多空间时,如何添加垂直滚动条?谢谢。 最佳答案 当内容大于高度和宽度时自动显示滚动条,如下所示:或像这样一直显示滚动条:以下是CSS溢出属性的一些引用:overflowoverflow-xoverflow-y 关于html-有没有办法为div设置垂直滚动条?,我们在StackOverflow上找到一个类似的问题:

html - 有没有办法为 div 设置垂直滚动条?

我将一个空的内容div放入表中的td标记中。它显示div中只有一行。如果我设置了div的高度,当我输入的内容多于它的高度时,它仍然保持原来的大小。当内容需要在div中占用更多空间时,如何添加垂直滚动条?谢谢。 最佳答案 当内容大于高度和宽度时自动显示滚动条,如下所示:或像这样一直显示滚动条:以下是CSS溢出属性的一些引用:overflowoverflow-xoverflow-y 关于html-有没有办法为div设置垂直滚动条?,我们在StackOverflow上找到一个类似的问题:

html - 伪元素 :before and overflow hidden

我有一个有两个边框的元素。我通过添加一个伪元素实现了这一点:.inner:before{width:72px;height:28px;content:'';display:block;border:3pxsolidrgb(255,0,0);position:absolute;}该元素被另一个具有overflow:hidden属性的div包裹。如您所见:http://jsfiddle.net/HKEn4/1/.inner-element是隐藏的,但不是伪元素(在OSX上使用safari、firefox和chrome进行测试)。如何隐藏伪元素? 最佳答案

html - 伪元素 :before and overflow hidden

我有一个有两个边框的元素。我通过添加一个伪元素实现了这一点:.inner:before{width:72px;height:28px;content:'';display:block;border:3pxsolidrgb(255,0,0);position:absolute;}该元素被另一个具有overflow:hidden属性的div包裹。如您所见:http://jsfiddle.net/HKEn4/1/.inner-element是隐藏的,但不是伪元素(在OSX上使用safari、firefox和chrome进行测试)。如何隐藏伪元素? 最佳答案

jquery - "overflow-x:hidden"只有一侧?

是否可以仅在一侧隐藏元素的水平溢出:左侧或右侧?类似于overflow-x-right:hidden;。我愿意接受基于css和jquery的技巧。 最佳答案 这是使用clip-path实现的方法,它取代了已弃用的clip属性:.outer{background-color:rgba(0,0,255,.5);width:100px;height:100px;margin:100px;clip-path:inset(-100vw-100vw-100vw0);}.inner{background-color:rgba(255,0,0,.5

jquery - "overflow-x:hidden"只有一侧?

是否可以仅在一侧隐藏元素的水平溢出:左侧或右侧?类似于overflow-x-right:hidden;。我愿意接受基于css和jquery的技巧。 最佳答案 这是使用clip-path实现的方法,它取代了已弃用的clip属性:.outer{background-color:rgba(0,0,255,.5);width:100px;height:100px;margin:100px;clip-path:inset(-100vw-100vw-100vw0);}.inner{background-color:rgba(255,0,0,.5