草庐IT

backGround

全部标签

html - 更改 Bootstrap 进度条背景(不是进度条,而是进度条背景)

目前我使用的是bootstrap进度条60%条形的默认颜色是蓝色,我已经设法改变了这一点。然而,未填充部分的默认背景是白色和灰色辐射,我如何将其更改为我自己的颜色? 最佳答案 您只需要用您自己的CSS覆盖.progress上的值即可。.progress{background-color:#aaa;-webkit-box-shadow:none;box-shadow:none;}这将移除进度条剩余部分的阴影,并将其更改为(在本例中)浅灰色。您可以在那里选择您想要的任何颜色值。这可以放在HTML本身(通常不是首选)或您自己的CSS文件中

html - div 左右两边的背景颜色不同

我有一个居中的div布局。背景中div的左侧应为白色,右侧应为绿色。两者都应该延伸到无穷大。我认为它应该很简单,但我现在还不明白。任何简单的解决方案?谢谢!-----------------------------------------------------(div1)__________________________|(div2)|||||||||||||||________________|_________|------------------------------------------------------ 最佳答案

html - div 左右两边的背景颜色不同

我有一个居中的div布局。背景中div的左侧应为白色,右侧应为绿色。两者都应该延伸到无穷大。我认为它应该很简单,但我现在还不明白。任何简单的解决方案?谢谢!-----------------------------------------------------(div1)__________________________|(div2)|||||||||||||||________________|_________|------------------------------------------------------ 最佳答案

html - 缩放背景图像

我想放大和缩小我页面中的背景图片。我尝试了很多东西,但似乎没有什么能按我想要的方式工作。:(我页面的url是http://quaaoutlodge.com/drupal-7.14/并且对于每个链接,都有不同的背景图像。我知道图像的大小和质量需要优化,但我首先想弄清楚它的技术部分。如果有人可以帮助实现这一目标吗?非常感谢!罗恩 最佳答案 每个页面上的相同背景图片如果你想要一个调整大小并填充整个窗口空间的背景图像,无论大小,然后使用这个CSS,html{background:url(images/bg.jpg)no-repeatcent

html - 缩放背景图像

我想放大和缩小我页面中的背景图片。我尝试了很多东西,但似乎没有什么能按我想要的方式工作。:(我页面的url是http://quaaoutlodge.com/drupal-7.14/并且对于每个链接,都有不同的背景图像。我知道图像的大小和质量需要优化,但我首先想弄清楚它的技术部分。如果有人可以帮助实现这一目标吗?非常感谢!罗恩 最佳答案 每个页面上的相同背景图片如果你想要一个调整大小并填充整个窗口空间的背景图像,无论大小,然后使用这个CSS,html{background:url(images/bg.jpg)no-repeatcent

javascript - 保持背景图像的纵横比

我需要使用CSS属性background-image在容器中呈现图像这里的问题是我需要呈现每张图片并保持其纵横比,并将图片的呈现最大化到图片的height或width在容器内居中。HTML:编辑:.fotowind容器的初始CSS属性:.fotowind{overflow:hidden;margin-left:10px;background:#333;margin-bottom:5px;z-index:30;background-position:centercenter!important;background-repeat:no-repeat;}根据窗口大小动态构建属性的代码-我需

javascript - 保持背景图像的纵横比

我需要使用CSS属性background-image在容器中呈现图像这里的问题是我需要呈现每张图片并保持其纵横比,并将图片的呈现最大化到图片的height或width在容器内居中。HTML:编辑:.fotowind容器的初始CSS属性:.fotowind{overflow:hidden;margin-left:10px;background:#333;margin-bottom:5px;z-index:30;background-position:centercenter!important;background-repeat:no-repeat;}根据窗口大小动态构建属性的代码-我需

css - 如何删除 div 和页面顶部之间的空间?

这可能已被问过一百万零一次,但如果有人能向我解释div的行为,我将不胜感激。我有一个容器div,我将其对齐到页面的中心,它在页面的顶部和顶部之间有一个间隙。我希望它与页面顶部齐平。我假设我需要删除某种边距或填充,但我想不出它可能是什么。即使div中没有任何内容,仍然存在间隙。body{background-color:black;background-image:url("img/background.jpg");background-repeat:repeat;}#mainContent{width:1200px;height:500px;background-color:#FFFF

css - 如何删除 div 和页面顶部之间的空间?

这可能已被问过一百万零一次,但如果有人能向我解释div的行为,我将不胜感激。我有一个容器div,我将其对齐到页面的中心,它在页面的顶部和顶部之间有一个间隙。我希望它与页面顶部齐平。我假设我需要删除某种边距或填充,但我想不出它可能是什么。即使div中没有任何内容,仍然存在间隙。body{background-color:black;background-image:url("img/background.jpg");background-repeat:repeat;}#mainContent{width:1200px;height:500px;background-color:#FFFF

html - 背景大小 :cover, 左边 1px 空白

我的网站上有一个关于background-size:cover的小问题我一直在Firefox中测试它,但是当我在谷歌浏览器中加载页面时,我在左边得到1px的白色。当我使用background-position:-1px时,左边的白边消失了(但后来我把它移到了右边)。有什么办法可以解决这个问题,并且仍然保留封面?我把它应用到我的body上:background:url("images/baggrund.jpg")no-repeatcentercenterfixed;背景大小:覆盖目前我无法链接到该站点,但希望我描述的足够清楚。提前致谢编辑:添加截图,上图来自firefox,下图来自Chr