草庐IT

backGround

全部标签

html - 为什么 CSS3 右对齐背景图像出现在错误的位置?

我正在使用CSS3background-position将背景图像定位在距离容器右边缘3%的位置。然而,与我有一个97%宽且背景图像右对齐的等效容器相比,它出现在不同的位置。你可以在http://jsfiddle.net/deshg/9qveqdcu/2/看到我的意思,黑色行中的Logo比绿色行中的Logo更靠右,但它们应该处于相同的水平位置吗?如果有人能阐明为什么会发生这种情况,我们将不胜感激。供引用,代码如下。谢谢大家!#container{width:100%;background-color:#ffcc00;}#d1{background-color:#cccc00;backg

html - 如何使用 HTML 和 CSS 设置唯一的背景图像透明?

您好,我想将我的背景图像设置为透明,其余的则不要!我可以这样做吗?我使用Bootstrap...这是我的html的拆分InterneLinks....//HereareElementshowtextanddivs这是CSS拆分:.start-section{height:100%;padding-top:150px;text-align:center;/*background:#fff;*/background-image:url('../img/bg.jpg');-webkit-background-size:cover;-moz-background-size:cover;-o-b

html - 如何使用 HTML 和 CSS 设置唯一的背景图像透明?

您好,我想将我的背景图像设置为透明,其余的则不要!我可以这样做吗?我使用Bootstrap...这是我的html的拆分InterneLinks....//HereareElementshowtextanddivs这是CSS拆分:.start-section{height:100%;padding-top:150px;text-align:center;/*background:#fff;*/background-image:url('../img/bg.jpg');-webkit-background-size:cover;-moz-background-size:cover;-o-b

html - 使用 CSS 渐变时添加图像?

我正在尝试使用CSS渐变加上一个位于渐变之上的图标来创建一个按钮。我尝试了2种方法,但都失败了。首先:.btn{background:-webkit-gradient(linear,0%0%,0%89%,from(#3171CA),to(#15396F));background:url(../images/btn.png);}我早该知道那是行不通的!但我也听说过CSS3多背景图片,所以我尝试了一下。第二个:.btn{background:-webkit-gradient(linear,0%0%,0%89%,from(#3171CA),to(#15396F)),url(../images

html - 使用 CSS 渐变时添加图像?

我正在尝试使用CSS渐变加上一个位于渐变之上的图标来创建一个按钮。我尝试了2种方法,但都失败了。首先:.btn{background:-webkit-gradient(linear,0%0%,0%89%,from(#3171CA),to(#15396F));background:url(../images/btn.png);}我早该知道那是行不通的!但我也听说过CSS3多背景图片,所以我尝试了一下。第二个:.btn{background:-webkit-gradient(linear,0%0%,0%89%,from(#3171CA),to(#15396F)),url(../images

css - 想在div的左上角添加图像

.connection{cursor:pointer;display:block;height:80px;position:absolute;width:50px;}.ui-widget-content{color:#FFFFFF;}.ui-corner-all{-moz-border-radius:6px6px6px6px;}.ui-widget-content{background:url("images/ui-bg_inset-soft_25_000000_1x100.png")repeat-xscroll50%bottom#000000;border:1pxsolid#6666

css - 想在div的左上角添加图像

.connection{cursor:pointer;display:block;height:80px;position:absolute;width:50px;}.ui-widget-content{color:#FFFFFF;}.ui-corner-all{-moz-border-radius:6px6px6px6px;}.ui-widget-content{background:url("images/ui-bg_inset-soft_25_000000_1x100.png")repeat-xscroll50%bottom#000000;border:1pxsolid#6666

html - 是否可以使用剪辑隐藏 CSS 背景 Sprite 图像的特定区域?

是否可以使用clip隐藏CSSbackgroundimage的特定区域?例如,我在图像上有多个图标,但我只想显示一个图标。因为Div的区域大于图标大小,所以其他不需要的图标也会显示。我可以隐藏它们而不为那个单个图标制作另一个图像吗?Jsfiddlehttp://jsfiddle.net/jitendravyas/FyMW6/1/ 最佳答案 基本上,您为每个图像创建一个容器,用于指示图像的区域。http://jsfiddle.net/FyMW6/4/HTML:LoremipsumdolorsitametCSS:.button{widt

html - 是否可以使用剪辑隐藏 CSS 背景 Sprite 图像的特定区域?

是否可以使用clip隐藏CSSbackgroundimage的特定区域?例如,我在图像上有多个图标,但我只想显示一个图标。因为Div的区域大于图标大小,所以其他不需要的图标也会显示。我可以隐藏它们而不为那个单个图标制作另一个图像吗?Jsfiddlehttp://jsfiddle.net/jitendravyas/FyMW6/1/ 最佳答案 基本上,您为每个图像创建一个容器,用于指示图像的区域。http://jsfiddle.net/FyMW6/4/HTML:LoremipsumdolorsitametCSS:.button{widt

html - 在 HTML/CSS 中,你能像在背景中一样在前景中重复图像吗?

这是我的CSS.test{background-image:url('images/smiley.gif');background-repeat:repeat;}这是我的HTML:somecodewhichshouldcomebackgroundtoimage我编写的代码设置了背景图片。但我想在文本之上放置一个图像,而不是在文本之后,以便它覆盖文本。(我还希望它自动重复填充元素,可以是任何大小。)我该怎么做? 最佳答案 这应该可以解决问题。:before选择器创建一个假的div与给定的content(这里有一个空格,因为没有cont