-2

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

4

6 回答 6

2

要柔和地照亮徽标后面的区域，您可以在图像上使用 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);
}

截屏

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

于 2013-02-27T10:37:10.807 回答
0

您所说的“边框”是body. 要删除它，只需：

body { margin:0; }

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

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

但是，旧浏览器不支持此功能。

于 2013-02-27T10:30:01.180 回答
0

你可以做

  1. 转换为PNG并使原始图像不透明度为0.2
  2. （更好）有一个<div>即位置：绝对内部body和相同的高度body，然后应用background image和opacity: 0.2; filter: alpha(opacity=20);
于 2013-02-27T10:30:47.043 回答
0

请尝试CSS3

.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-27T10:31:09.523 回答
0

您可以通过 2 种方式执行此操作 1text-shadow但您使用的是图像，因此您必须在 Photoshop 中执行此操作layer style > drop shadow并选择浅色您也可以这样做，但它以矩形形式覆盖，而不是在您的徽标文本后面

和

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

于 2013-02-27T10:33:22.603 回答
0

您可以添加具有 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);
}
于 2013-02-27T10:27:59.527 回答