htmlcss两张图⽚重叠放，背景图⽚叠加问题，⼤神给指个路
_htmlcss_WEB-ITnose
登录按钮图片素材问题：有个⼤的背景图(A)放在最外层的div，然后这个div⾥⾯有个table下⾯的input，就是登录按钮，这个登录按钮也有个背景图(B)，这个背景图B不是矩形的，是有圆⾓的，美⼯跟我说圆⾓是透明的，让我⾃⼰调⼀下，可是我设置了宽度和⾼度之后，圆⾓的部分没有透明，⽽是出现⽩⾊的底⾊，现在想把⽩⾊的边⾓部分去掉，请教各位，怎么把边⾓的部分设置透明。
PS：图b是圆⾓的⼀个图，不是矩形的，设置宽⾼之后，图⽚没填满的部分有底⾊，不透明，我想要透明，即显⽰图A的背景⾊。
...........
.login-cultural-lib { cursor: default; text-align:left; width:899px; height:507px; background: url(../images/login/login-bg-culturallib.png);}.login-btn { width: 98px; height: 98px; background-image: url(../images/login/login-btn.png); cursor: pointer; border: 0px}
我想要的效果：
实际效果：
回复讨论(解决⽅案)
你这样写没什么问题，好好检查⼀下图⽚是否是圆⾓透明的。
然后我想吐槽⼀下，美⼯做完后就这个样⼦么~这美⼯也太⽔了吧~
问题：有个⼤的背景图(A)放在最外层的div，然后这个div⾥⾯有个table下⾯的input，就是登录按钮，这个登录按钮也有个背景图(B)，这个背景图B不是矩形的，是有圆⾓的，美⼯跟我说圆⾓是透明的，让我⾃⼰调⼀下，可是我设置了宽度和⾼度之后，圆⾓的部分没有透明，⽽是出现⽩⾊的底⾊，现在想把⽩⾊的边⾓部分去掉，请教各位，怎么把边⾓的部分设置透明。
PS：图b是圆⾓的⼀个图，不是矩形的，设置宽⾼之后，图⽚没填满的部分有底⾊，不透明，我想要透明，即显⽰图A的背景⾊。...........
.login-cultural-lib { cursor: default; text-align:left; width:899px; height:507px; background: url(../images/login/login-bg-culturallib.png);}.login-btn { width: 98px; height: 98px; background-image: url(../images/login/login-btn.png); cursor: pointer; border: 0px}
我想要的效果：
实际效果：
问题：有个⼤的背景图(A)放在最外层的div，然后这个div⾥⾯有个table下⾯的input，就是登录按钮，这个登录按钮也有个背景图(B)，这个背景图B不是矩形的，是有圆⾓的，美⼯跟我说圆⾓是透明的，让我⾃⼰调⼀下，可是我设置了宽度和⾼度之后，圆⾓的部分没有透明，⽽是出现⽩⾊的底⾊，现在想把⽩⾊的边⾓部分去掉，请教各位，怎么把边⾓的部分设置透明。
PS：图b是圆⾓的⼀个图，不是矩形的，设置宽⾼之后，图⽚没填满的部分有底⾊，不透明，我想要透明，即显⽰图A的背景⾊。...........
.login-cultural-lib { cursor: default; text-align:left; width:899px; height:507px; background: url(../images/login/login-bg-culturallib.png);}.login-btn { width: 98px; height: 98px; background-image: url(../images/login/login-btn.png); cursor: pointer; border: 0px}
我想要的效果：
实际效果：
美⼯做出来的效果还⾏，但是切完图放进来就就这样了，圆⾓应该是透明的，我在login-btn这个类⾥⾯设置了宽⾼，没充满的部分不透明啊！是不是要设置透明度什么的，我设置了都不⾏，实在不⾏就只能让美容重新切图了
不是透明度的问题，都说了你仔细检查⼀下这张图⽚，⽩⾊部分到底是透明的还是⽩⾊的~
不是透明度的问题，都说了你仔细检查⼀下这张图⽚，⽩⾊部分到底是透明的还是⽩⾊的~
是透明的。。。
不是透明度的问题，都说了你仔细检查⼀下这张图⽚，⽩⾊部分到底是透明的还是⽩⾊的~
是透明的。。。
如果真是透明的，你就好好检查它的⽗级元素有没有设定背景颜⾊，你这按钮的样式写得是没有什么问题的。
再给你⼀个免费的⼩建议，⽤不到透明图⽚的地⽅最好切成jpg格式图⽚，png图⽚会⽐jpg图⽚⼤，这样⽤户加载起来会变慢。
不是透明度的问题，都说了你仔细检查⼀下这张图⽚，⽩⾊部分到底是透明的还是⽩⾊的~
是透明的。。。
如果真是透明的，你就好好检查它的⽗级元素有没有设定背景颜⾊，你这按钮的样式写得是没有什么问
题的。
再给你⼀个免费的⼩建议，⽤不到透明图⽚的地⽅最好切成jpg格式图⽚，png图⽚会⽐jpg图⽚⼤，这样⽤户加载起来会变慢。
然⽽我只是单单把input元素给⼲掉，就没有背景⾊了，加上去就特么的出来⽩⾊的边⾓，⼼塞
实在不⾏就不要button控件么，直接⽤image，再给image加点击事件
那是input在浏览器下的默认样式，重写⼀下样式就好了。或者向楼上说的⼀样，⽤其他标签。
那是input在浏览器下的默认样式，重写⼀下样式就好了。或者向楼上说的⼀样，⽤其他标签。
thx~~thx~~ 解决了，加了⼀个属性就⾏了，background-color: transparent ， 原来是input的默认样式，谢谢热⼼回答，谢谢哈声明：本⽂原创发布php中⽂⽹，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php处理

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。