3

是否可以更改表单背景图像的不透明度，但不能更改表单内的字段。CSS：

#myForm{
  background-image:url("images/Binary.jpg");      
  border:1px solid #080808;
  box-shadow:#444444 0 0 1px inset;
  margin:20px auto 20px 52%;
  padding:20px;
  width:484px;
  -moz-box-shadow:black 4px 5px 11px;
  -webkit-box-shadow:black 4px 5px 11px;
  box-shadow:black 4px 5px 11px;
}

所以，这是我的 CSS，我想减少 Binary.jpg 的不透明度，而不是表单的内容。是否可以？？

4

3 回答 3

1

简单地说：没有。您需要将图像设为半透明 PNG。

于 2012-12-19T05:10:43.240 回答
0

您可以通过在悬停时使用较少的不透明度图像更改背景和较少的 opecativy gif 或 png 图像来做到这一点

或尝试类似可能有效的方法

<div id="myForm">
    <form>...</form>
</div>

css

div {
 -khtml-opacity:.50; 
 -moz-opacity:.50; 
 -ms-filter:"alpha(opacity=50)";
  filter:alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
  opacity:.50; 
}
于 2012-12-19T05:11:26.570 回答
0

好吧，我已经破解了它，所以如果你愿意，你当然可以这样做

演示

HTML

<div class="wrapper">
    <div class="holder">This is awesome yea ;)</div>
</div>

CSS

.wrapper {  
    position: relative;
    color: #fff;
}

.wrapper:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url('http://www.freegreatpicture.com/files/146/25234-colorful-high-resolution-background.jpg');
    opacity: 0.7;
}

.holder {
    z-index: 2;
    position: relative;
}
于 2012-12-19T05:30:15.517 回答