當在CSS中調整大小時，圖像消失

我是一名試圖編寫網站的平面設計師。我被困在主頁上，已經連續數週了。我的問題是我無法通過CSS重新調整圖片的大小，因爲它會消失或被切斷。下面是我想do 當在CSS中調整大小時，圖像消失

這裏是我的代碼：

#wrapper { 
 
     position: relative; 
 
} 
 

 
#wrapper > div { 
 
     border-radius: 50%; 
 
     width: 960px; 
 
     height: 100%; 
 
     overflow: hidden; 
 
     margin: auto; 
 
     position: relative; 
 
} 
 

 
#wrapper > div#home { 
 
     width: 291px; 
 
     height: 290px; 
 
     position: absolute; 
 
     -ms-transform: translate(-50%,-50%); /* IE 9 */ 
 
     -webkit-transform: translate(-50%,-50%); /* Safari */ 
 
     transform: translate(-50%,-50%); 
 
     -moz-transform: translate(-50%,-50%); 
 
} 
 

 
#wrapper > div#contact { 
 
     width: 291px; 
 
     height: 290px; 
 
     position: absolute; 
 
     -ms-transform: translate(-50%,-50%); /* IE 9 */ 
 
     -webkit-transform: translate(-50%,-50%); /* Safari */ 
 
     transform: translate(-50%,-50%); 
 
     -moz-transform: translate(-50%,-50%); 
 
     margin-left: -150px; 
 
     margin-top: 180px; 
 
     
 
} 
 

 
#wrapper > div#contact img { 
 
     width: 60%; 
 
     height: auto; 
 
     
 
}

但與代碼我得到this

如果你看一下contactbttn（電話圖標）你可以看到發光的邊緣被切斷。

來源

2015-05-06 Micah Friesen

您的tinypic圖像不適合我:( –

在這裏試試這些：第一鏈接：http://s000.tinyupload.com/index.php?file_id=83975171309583950670和第二鏈接：http：//s000.tinyupload。 com/index.php？file_id = 02079782100105957230 –

第二個鏈接？嘗試創建一個小提琴，而不是：http://jsfiddle.net/ –

如果您將從#wrapper > div刪除overflow: hidden;，那麼您的圖像將不會被切斷。所有其他的事情都取決於你，因爲我也看不到我們正在處理的事情。

來源

2015-05-06 01:25:16 mrserge

你救了我！這實際上工作！我是如此盲目。至於無法看到未來任何人發生的事情請看我對David Anderton評論的回覆中的鏈接。 –

當在CSS中調整大小時，圖像消失

回答

相關問題