在CSS里如何去掉图片灰色背景

html-css013

在CSS里如何去掉图片灰色背景,第1张

首先你要确定,你的灰色背景不是图片自带的。

在这个前提下,你可以通过浏览器(在浏览器页面按F12,然后点击灰色背景)找到这个灰色背景的标签。然后你会看到background:#xxxxxx这个样式。然后你看下,这个样式右上角会有个名称和数字,分别代表这个样式在什么样式表和第几行。然后你找到这个位置,把这个样式改成bakground:none;或者你需要的颜色就可以了

可以用同样的高权重CSS属性覆盖那个CSS规则就可以。例如,默认样式为

.main{background-image:url(图片地址)}

可以再写一样相同的CSS规则,比之前的权重高就可以

.main{background-image:none!important}

就可以了。

CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

方法如下:

取消a标签在移动端点击时的蓝色:

-webkit-tap-highlight-color: rgba(255, 255, 255, 0)

-webkit-user-select: none

-moz-user-focus: none

-moz-user-select: none

使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景:

a,a:hover,a:active,a:visited,a:link,a:focus{

-webkit-tap-highlight-color:rgba(0,0,0,0)

-webkit-tap-highlight-color: transparent

outline:none

background: none

text-decoration: none

}

改变选中内容的背景颜色:

::selection {

background: #FFF

color: #333

}

::-moz-selection {

background: #FFF

color: #333

}

::-webkit-selection {

background: #FFF

color: #333

}

去除ios input框点击时的灰色背景:

-webkit-tap-highlight-color:rgba(0,0,0,0)