请教下CSS中a标签背景图片不能完全显示原因:
css没有被调用,请检查css调用是否成功。
css图片地址不对,请检查css图片地址是否正确。
div的高度没有固定,是auto或者没有设值;div设置错误容易导致背景图片高度太大则无法显示。
div被嵌套,查看嵌套的div是否设置正确。
div代码不规范,请检查div代码是否书写正确。
css2如果用背景图,实现个分辨率下的图片填充效果是做不到的。
用CSS3可以,但是多数浏览器还不支持。
如果一定要用,可以通过 <img src="图片路径" width="100%" height="自己设置(固定高度)或不写(自适应高度)" style="position:absolutez-index:-1其他设置根据自己的需求写" />
怎么写都可以,要看你喜欢哪种写法了1、转化为区块是可以的,加上适当的width和height,然后只要一个float:left就可以了。
2、或者直接在HTML直接加图片<img src="图片连接" alt="图片描述" />这样也是可以的。
因为你这里使用了a标签,a标签本身属于内联元素,你要加入的背景图片本身具有固定的width和height,所以,最终你还是要转换为区块来给他们加上宽度和高度才行!
我是最晚回答的,但真心十分希望帮助到你!
方法如下:
取消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)