草庐IT

background-clip

全部标签

html - Firefox 中的圆 Angular : space between border and background

我有一个要应用圆Angular的div。这是我的demofiddle. div{margin:20px;width:250px;height:250px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;border-radius:15px;background-color:#4c66a1;border:2pxsolid#4c66a1;}我还为这个div应用了边框和背景色。问题出现在Firefox中。在div的边框和背景颜色之间有少量空白(见下图)。它非常小,但人们还是注意

javascript - jQuery/CSS : fixed overlay should not allow scrolling of background?

我有一个固定在屏幕中央的覆盖框。该页面本身相当长,并且有一个垂直滚动条。我想在显示叠加层后禁用页面本身的滚动。但是我不能完全禁用滚动,因为一些叠加层本身确实有overflow-y:scroll。因此叠加层中的内容应该滚动,但页面本身应该卡住。知道如何用jquery或css解决这个问题吗? 最佳答案 我能想到的最快和最肮脏的方法是为滚动事件的窗口附加一个事件监听器,如果您的叠加层可见则防止默认()。像这样(使用jquery)。window.addEventListener('scroll',function(e){varel=$('.

javascript - jQuery/CSS : fixed overlay should not allow scrolling of background?

我有一个固定在屏幕中央的覆盖框。该页面本身相当长,并且有一个垂直滚动条。我想在显示叠加层后禁用页面本身的滚动。但是我不能完全禁用滚动,因为一些叠加层本身确实有overflow-y:scroll。因此叠加层中的内容应该滚动,但页面本身应该卡住。知道如何用jquery或css解决这个问题吗? 最佳答案 我能想到的最快和最肮脏的方法是为滚动事件的窗口附加一个事件监听器,如果您的叠加层可见则防止默认()。像这样(使用jquery)。window.addEventListener('scroll',function(e){varel=$('.

html Canvas : clipping and text

我正在使用Canvas开发一个绘画应用程序,我想让用户选择只在选定区域绘制。为此,我可以使用clip()方法。但是如果我希望用户也能够在字母内部绘制-有没有办法将clip()用于文本?还有其他方法吗?谢谢 最佳答案 你可以做到这一点,但不能使用剪辑。剪辑仅适用于路径,文本不是路径。您将需要使用第二个内存中(不在页面上)Canvas来实现该效果。方法如下:制作一个内存Canvas,将其设置为能够包含文本的宽度和高度将文本绘制到内存中的Canvas将内存上下文的globalCompositeOperation设置为“source-in”

html Canvas : clipping and text

我正在使用Canvas开发一个绘画应用程序,我想让用户选择只在选定区域绘制。为此,我可以使用clip()方法。但是如果我希望用户也能够在字母内部绘制-有没有办法将clip()用于文本?还有其他方法吗?谢谢 最佳答案 你可以做到这一点,但不能使用剪辑。剪辑仅适用于路径,文本不是路径。您将需要使用第二个内存中(不在页面上)Canvas来实现该效果。方法如下:制作一个内存Canvas,将其设置为能够包含文本的宽度和高度将文本绘制到内存中的Canvas将内存上下文的globalCompositeOperation设置为“source-in”

html - CSS 拼图 : How to add background-image and set height/width on empty span?

我已经在几个span元素上设置了background-image,但它们没有显示,我想是因为我的height和width设置被忽略。HTML来源:CSS:span.sidebar-poster{margin-bottom:10px;background-repeat:no-repeat;width:160px;}span#starthere{background-image:url(/betatesting/wp-content/themes/dynamik/css/images/brunelwantsyou180.jpg);height:285px;}span#starthere:h

html - CSS 拼图 : How to add background-image and set height/width on empty span?

我已经在几个span元素上设置了background-image,但它们没有显示,我想是因为我的height和width设置被忽略。HTML来源:CSS:span.sidebar-poster{margin-bottom:10px;background-repeat:no-repeat;width:160px;}span#starthere{background-image:url(/betatesting/wp-content/themes/dynamik/css/images/brunelwantsyou180.jpg);height:285px;}span#starthere:h

HTML5 音频 : How to quickly stop and restart a clip?

见标题。我正在尝试每300毫秒连续播放一个音频文件4次。但是,剪辑的长度超过300毫秒,因此它会忽略新的播放请求,直到剪辑播放完毕。我正在寻找每300毫秒停止和重新启动剪辑的方法。functionplayNote(loop){varn=document.getElementById("note0440")if(loop>4)returnn.volume=0.05//n.currentTime=0n.pause()n.play()setTimeout("playNote("+(loop+1)+")",300)}PlayNote这是行不通的。无论是否使用n.currentTime=0,它都

HTML5 音频 : How to quickly stop and restart a clip?

见标题。我正在尝试每300毫秒连续播放一个音频文件4次。但是,剪辑的长度超过300毫秒,因此它会忽略新的播放请求,直到剪辑播放完毕。我正在寻找每300毫秒停止和重新启动剪辑的方法。functionplayNote(loop){varn=document.getElementById("note0440")if(loop>4)returnn.volume=0.05//n.currentTime=0n.pause()n.play()setTimeout("playNote("+(loop+1)+")",300)}PlayNote这是行不通的。无论是否使用n.currentTime=0,它都

javascript - 如何设置 span background-color 以便它像在 div 中一样为整行背景着色(显示 : block; not an option)

我需要在前置元素中设置一些文本的样式。为此,我使用这样的内联跨度元素:sometextandsometextwithadifferentbackgroundandsomemoretext然后呈现html,仅在文本下方更改了span-elements背景。是否有可能在不将显示更改为block或内联block的情况下使背景颜色延伸到整行。或者有没有办法用javascript实现这个? 最佳答案 您可以通过以不同方式设置文本格式来实现这一点。我已经通过以下方式实现了我相信您正在寻找的东西:sometextandsometextwithad