草庐IT

background-images

全部标签

html - 全宽 :hover background for nested lists?

下面截取的html呈现了一个嵌套的元素列表。悬停(鼠标悬停)时,元素背景颜色会发生变化。但是左边的空格没有着色(由于缩进)。我怎样才能让那个空间也被着色?我尝试将absolute定位元素添加到li元素中,并使用left:0。但是那些部分隐藏了li元素的内容:/ul{list-style:none;padding:0;margin:0}li{margin:0;padding:0;padding-left:20px;}li>div:hover{background-color:#eee}RootAAAABBBABB 最佳答案 您可以使用

html - Bootstrap Image Responsive 在 IE 上搞砸了

我一直在使用Bootstrap开发我的网站,基本上,我有这个结构..它在Chrome和Firefox上完美运行,但是当我在InternetExplorer9上测试它时,图像变大了,甚至超过了图像本身的大小。当我在IE(F12)上使用Debug模式并取消勾选.img-responsive下的width:100%;设置时,它恢复正常。我应该如何解决这个问题?我已经在这里尝试了一些解决方案,包括将.col-sm-12添加到图像中,但它仍然无法在IE上修复它。 最佳答案 将此添加到您的覆盖样式表中:.img-responsive{width

html - Bootstrap Image Responsive 在 IE 上搞砸了

我一直在使用Bootstrap开发我的网站,基本上,我有这个结构..它在Chrome和Firefox上完美运行,但是当我在InternetExplorer9上测试它时,图像变大了,甚至超过了图像本身的大小。当我在IE(F12)上使用Debug模式并取消勾选.img-responsive下的width:100%;设置时,它恢复正常。我应该如何解决这个问题?我已经在这里尝试了一些解决方案,包括将.col-sm-12添加到图像中,但它仍然无法在IE上修复它。 最佳答案 将此添加到您的覆盖样式表中:.img-responsive{width

html - "background-size: cover"没有覆盖手机屏幕

我的网站上有一个照片背景,使用background-size:cover。它在大多数情况下都有效,但在纵向模式下在我的GalaxyS3上留下了一个奇怪的~30px空白区域。我附上了截图。1px的蓝绿色线条用于说明整个屏幕。似乎背景在社交媒体ul之后立即停止。我通过删除ul和背景将其附加到标语文本的底部来对此进行测试。另外,这是我关于移动端View的CSS:@mediaonlyscreenand(max-width:480px){.logo{position:relative;background-size:70%;-webkit-background-size:70%;-moz-bac

html - "background-size: cover"没有覆盖手机屏幕

我的网站上有一个照片背景,使用background-size:cover。它在大多数情况下都有效,但在纵向模式下在我的GalaxyS3上留下了一个奇怪的~30px空白区域。我附上了截图。1px的蓝绿色线条用于说明整个屏幕。似乎背景在社交媒体ul之后立即停止。我通过删除ul和背景将其附加到标语文本的底部来对此进行测试。另外,这是我关于移动端View的CSS:@mediaonlyscreenand(max-width:480px){.logo{position:relative;background-size:70%;-webkit-background-size:70%;-moz-bac

css - bootstrap 3.0 responsive 5 images in one row

我在使用bootstrap3.0在一行中制作5张图像并使它们响应时遇到问题?网格系统是基于12的,那么如何使5张图像看起来居中且没有任何空格?另外,在平板电脑或智能手机上查看时,我可以制作这是我的代码:如您所见,我正在使用col-md-2和img-responsive?但它实际上不起作用,因为它没有居中 最佳答案 你可以在两边有一个空列: 关于css-bootstrap3.0responsive5imagesinonerow,我们在StackOverflow上找到一个类似的问题:

css - bootstrap 3.0 responsive 5 images in one row

我在使用bootstrap3.0在一行中制作5张图像并使它们响应时遇到问题?网格系统是基于12的,那么如何使5张图像看起来居中且没有任何空格?另外,在平板电脑或智能手机上查看时,我可以制作这是我的代码:如您所见,我正在使用col-md-2和img-responsive?但它实际上不起作用,因为它没有居中 最佳答案 你可以在两边有一个空列: 关于css-bootstrap3.0responsive5imagesinonerow,我们在StackOverflow上找到一个类似的问题:

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

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

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

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

image - html5 : copy a canvas to image and back

我在Canvas元素上实现了放大和缩小功能。它的工作原理是缩放Canvas,平移它,然后重新绘制整个场景。问题是重新绘制所有内容需要花费大量时间,因为我的Canvas上有很多东西。我需要一种方法来将Canvas复制到图像对象,而不是将图像复制回Canvas而不会降低质量。将canvas复制到javascript变量,以及稍后将此变量复制回Canvas的具体方法是什么?如果你写下代码我会很高兴,因为我在互联网上找不到任何好的解释。谢谢, 最佳答案 drawImage()方法可以使用另一个Canvas而不是图像绘制到Canvas。您可以