背景圖片疊加問題，大神給指個路_html/css

來源：懂視網(wǎng) 責編：小采時間：2020-11-27 16:36:51

背景圖片疊加問題，大神給指個路_html/css

背景圖片疊加問題，大神給指個路_html/css_WEB-ITnose:問題：有個大的背景圖（A）放在最外層的div，然后這個div里面有個table下面的input，就是登錄按鈕，這個登錄按鈕也有個背景圖（B），這個背景圖B不是矩形的，是有圓角的，美工跟我說圓角是透明的，讓我自己調一下，可是我設置了寬度和高度之后，圓角的部分沒

推薦度：

點擊下載本文 文檔為doc格式

導讀背景圖片疊加問題，大神給指個路_html/css_WEB-ITnose:問題：有個大的背景圖（A）放在最外層的div，然后這個div里面有個table下面的input，就是登錄按鈕，這個登錄按鈕也有個背景圖（B），這個背景圖B不是矩形的，是有圓角的，美工跟我說圓角是透明的，讓我自己調一下，可是我設置了寬度和高度之后，圓角的部分沒

問題：有個大的背景圖（A）放在最外層的div，然后這個div里面有個table下面的input，就是登錄按鈕，這個登錄按鈕也有個背景圖（B），這個背景圖B不是矩形的，是有圓角的，美工跟我說圓角是透明的，讓我自己調一下，可是我設置了寬度和高度之后，圓角的部分沒有透明，而是出現(xiàn)白色的底色，現(xiàn)在想把白色的邊角部分去掉，請教各位，怎么把邊角的部分設置透明。

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-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-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圖片大，這樣用戶加載起來會變慢。

不是透明度的問題，都說了你仔細檢查一下這張圖片，白色部分到底是透明的還是白色的~

是透明的。。

然而我只是單單把input元素給干掉，就沒有背景色了，加上去就特么的出來白色的邊角，心塞

實在不行就不要button控件么，直接用image，再給image加點擊事件

那是input在瀏覽器下的默認樣式，重寫一下樣式就好了。或者向樓上說的一樣，用其他標簽。