草庐IT

backGround

全部标签

html - 图像作为绘制形状的 'background'

是否可以用图像而不是颜色“填充”HTML5Canvas上的形状?我画了一堆形状(各个角以45度角切掉的正方形)。我希望能够用图像而不是颜色来“填充”这些形状。目前我有一行说明:context.fillStyle='#123456'//examplefillcolor我正在寻找的是这样的东西:context.fillStyle='url(http://www.myimagereference.com/image.png)';我知道我不能以这种方式使用fillStyle-但是否有另一种方式来实现这种事情? 最佳答案 您可能想看看crea

html - iOS 固定位置背景

我有一个网站,它有一个全图固定背景,内容“漂浮”在上面。它在桌面浏览器中运行良好,但固定背景最终会在iPad和其他平板电脑上滚动。这似乎是一个常见问题,但后来我浏览了这个网站,即使在iPad上,它似乎也有固定的背景。http://confitdemo.wordpress.com/知道他们是如何做到这一点的吗?我试过:#content-wrapper.posts-page{background-attachment:fixed!important;background-clip:border-box;background-color:transparent;background-imag

html - iOS 固定位置背景

我有一个网站,它有一个全图固定背景,内容“漂浮”在上面。它在桌面浏览器中运行良好,但固定背景最终会在iPad和其他平板电脑上滚动。这似乎是一个常见问题,但后来我浏览了这个网站,即使在iPad上,它似乎也有固定的背景。http://confitdemo.wordpress.com/知道他们是如何做到这一点的吗?我试过:#content-wrapper.posts-page{background-attachment:fixed!important;background-clip:border-box;background-color:transparent;background-imag

html - 如何让 css 渐变在这么多像素后停止?

-moz-radial-gradient(center-200px,ellipsefarthest-corner,#323C490%,#71829965%)no-repeatscroll00transparent;我上面有这段代码,我刚刚意识到这个渐变是从上到下的。有什么办法让它在30px后停止整个渐变。我可以根据需要进行调整,但是如何让渐变在30像素后自行完成? 最佳答案 您可以一起使用background-size属性。像这样:div{height:100px;width:100px;border:1pxsolidblack;b

html - 如何让 css 渐变在这么多像素后停止?

-moz-radial-gradient(center-200px,ellipsefarthest-corner,#323C490%,#71829965%)no-repeatscroll00transparent;我上面有这段代码,我刚刚意识到这个渐变是从上到下的。有什么办法让它在30px后停止整个渐变。我可以根据需要进行调整,但是如何让渐变在30像素后自行完成? 最佳答案 您可以一起使用background-size属性。像这样:div{height:100px;width:100px;border:1pxsolidblack;b

javascript - 删除按钮上的确认对话框

我正在使用Angular开发一个应用。我目前有一个删除按钮,它有一个确认附加到onClick()问题是当确认弹出时,“确定”和“取消”都删除了该项目,我错过了什么才能让“取消”简单地取消? 最佳答案 也许只是使用Angular点击处理程序并在那里执行确认逻辑值得一试。functionFooController($scope,$window){$scope.removeUser=function(){vardeleteUser=$window.confirm('Areyouabsolutelysureyouwanttodelete?'

javascript - 删除按钮上的确认对话框

我正在使用Angular开发一个应用。我目前有一个删除按钮,它有一个确认附加到onClick()问题是当确认弹出时,“确定”和“取消”都删除了该项目,我错过了什么才能让“取消”简单地取消? 最佳答案 也许只是使用Angular点击处理程序并在那里执行确认逻辑值得一试。functionFooController($scope,$window){$scope.removeUser=function(){vardeleteUser=$window.confirm('Areyouabsolutelysureyouwanttodelete?'

html - 伪元素背景显示在 :hover

总结目标设备(设备宽度+600px-请忽略移动/xs屏幕)纯CSS使用:hover:after显示图像有效但不理想问题:图像比例(图像将为800像素/600像素)未保持-宽度被裁剪而不是图像被缩小图像在主容器外.outercontainer:hover上的图像淡入有效,但它不会在后淡出>:hover状态是terminated我尝试使用单独的动画/相同的动画向后但没有运气期望的效果:所有东西都装在标有蓝色边框的容器内.outercontainer编辑:图片应该有自己的空间-大约80%的容器宽度和选项/菜单将是另外20%-没有重叠(如果图像重叠在选项上,平板电脑用户将停留在:悬停状态).o

html - 伪元素背景显示在 :hover

总结目标设备(设备宽度+600px-请忽略移动/xs屏幕)纯CSS使用:hover:after显示图像有效但不理想问题:图像比例(图像将为800像素/600像素)未保持-宽度被裁剪而不是图像被缩小图像在主容器外.outercontainer:hover上的图像淡入有效,但它不会在后淡出>:hover状态是terminated我尝试使用单独的动画/相同的动画向后但没有运气期望的效果:所有东西都装在标有蓝色边框的容器内.outercontainer编辑:图片应该有自己的空间-大约80%的容器宽度和选项/菜单将是另外20%-没有重叠(如果图像重叠在选项上,平板电脑用户将停留在:悬停状态).o

html - hover伪类为什么要覆盖active伪类

标题基本上说明了一切。假设我有一个元素,我想在:hover上更改颜色,但在单击时,我希望它切换回其原始颜色。所以,我试过这个:a:link,a:visited,a:active{background:red;}a:hover{background:green;}事实证明,这是行不通的。经过一番摸索之后,我意识到:hover状态覆盖了:active状态。这很容易解决:a:link,a:visited{background:green;}a:hover{background:red;}a:active{background:green;}(我可以将第一条规则与第三条规则结合起来)。这是fi