使用css減輕面積

-2

http://asifslab.com 我想減輕徽標背後和附近的徽標所在的區域。這樣做的目的是因爲徽標的邊框與背景混合在一起。請幫助使用css減輕面積

2013-02-27 Asmastas Maz

嘗試設置背景的不透明度，但我不認爲它的作品或者是因爲兩種顏色都相同 – 2013-02-27 10:28:34

如果需要，請使用box shadow。不要給x和y偏移量，而只是用距離和你想用來淡化該區域的顏色模糊。 – 2013-02-27 10:30:24

您可以使用rgba屬性添加背景以給出假背景。

試試這個

#logo { 
    background-color: rgba(255,255,255, 0.5); 
    /* Then other css */ 
}

在你的情況，修改。頭這個

.head { 
    padding-left: 5%; 
    background-color: rgba(255,255,255,0.5); 
}

來源

2013-02-27 10:27:59 Starx

「邊框」你把它在body保證金。要刪除這一點，只需：

body { margin:0; }

你可以做的是給.head除法不透明背景：

.head { background:rgba(255,255,255,0.3); }

這不支持舊的瀏覽器，但是。

來源

2013-02-27 10:30:01

完全相同的答案:( – Starx 2013-02-27 10:30:30

你可以做

轉換成PNG，使原始圖像0.2不透明
（更好）有個<div>是位置：絕對內部body和相同的高度body，然後應用background image和opacity: 0.2; filter: alpha(opacity=20);

來源

2013-02-27 10:30:47

嘗試CSS3 please

.box_shadow { 
    -webkit-box-shadow: 0px 0px 10px 0px #fff; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */ 
      box-shadow: 0px 0px 10px 0px #fff; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */ 
}

來源

2013-02-27 10:31:09 kelly

您可以通過2種方式而是讓你不得不這樣做在Photoshop中layer style > drop shadow和選擇淺色您可以在此也做到這一點，但它在長方形佔地面積不是你的背後使用的是像這樣做徽標文本

和

2是使用背景也具有在矩形的形式相同的效果使用background:rgba(255,255,255,0.6); 最後0.6是不透明調整此變暗或ligten顏色

來源

2013-02-27 10:33:22

輕聲減倉的區域behing的標誌，你可以使用RGBA背景的結合，圓潤的邊框和光影圖片：

.head > img { 
    background-color: rgba(255, 255, 255, 0.1); 
    border-radius: 10px; 
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2); 
}

Screenshot

不要忘了添加於供應商前綴以支持所有瀏覽器...

來源

2013-02-27 10:37:10 hsan

我想使它成爲圓形，橢圓形 – 2013-02-27 11:10:39

嘗試增加['border-radius']（http://www.w3.org/TR/css3-background/#corners）或玩單個角落的半徑，在圖像中添加一個「填充」以增加面積以減輕空白，並且至少請試着自己找出一個解決方案，爲了您自己的利益。 com – hsan 2013-02-27 11:32:47

其實沒有人給我我想要的東西，像這樣http://s23.postimage.org/sq8ze5h57/Capture.png – 2013-02-28 05:37:09

使用css減輕面積

回答

相關問題