使用css减轻区域

Question

http://asifslab.com 我想照亮徽标所在徽标后面和附近的区域。这样做的目的是因为徽标的边框与背景混合在一起。请帮忙

Answer 1

要轻柔地照亮徽标，可以在图像上使用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);
}

不要忘记添加供应商前缀以支持所有浏览器......

Answer 2

您可以使用rgba属性添加背景，以提供假的浅色背景。

试试这个

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

在您的情况下，请将.head修改为此

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

Answer 3

你设置的“边框”是body上的边距。要删除它，只需：

body { margin:0; }

你可以做的是给.head分隔符一个不透明的背景：

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

但旧版浏览器不支持 。

Answer 4

你可以做到

1. 转换为PNG并使原始图像为0.2不透明度
2. （更好）有<div>位置：绝对位于body内且高度与body相同，然后应用background image和opacity: 0.2; filter: alpha(opacity=20); < / LI>

Answer 5

尝试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+ */
}

Answer 6

你可以通过两种方式做到这一点 1 text-shadow，但您正在使用图片，因此您必须在layer style > drop shadow的photoshop中执行此操作并选择浅色    你也可以这样做，但它覆盖的是长方形，不在你的徽标文字后面

和

2是使用背景，矩形也具有相同的效果     使用background:rgba(255,255,255,0.6);     最后0.6是不透明度调整，以使颜色变暗或变暗