Question

我正在建立一个网站，但我只是想显示一个通知（只有一个成员打开网站时）。此通知必须显示在html主页的正上方（因为主页可能会因成员而异）。我想使用'不透明'在主页上方制作一个淡入淡出页面（这样会员也可以看到通知四边旁边的主页），我不能使用“提醒”，因为通知中包含图片，代码和一些额外的功能代码像前面的颜色。到目前为止，我发现'不透明'使用上面的图像，但我怎么能在我网站的html主页上面使用'opacity'???

<html>
<head>
<style>
div.bacgro
  {
  width:500px;
  height:250px;
  background:url of a jpg file;
  border:2px solid black;
  }
div.trabox
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }
div.trabox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }
</style>
</head>

<body>

<div class="bacgro">
<div class="trabox">
<p>This is some text that is placed in the transparent box. It may contain some code and small profile image also ...
</p>
</div>
</div>

</body>
</html>

但最重要的是我想将background:url of a jpg file;替换为background:"url of my site's homepage";

Answer 1

我不太确定你在问什么，但如果你想要一个警报或小消息，你有几个选择。

警报框

<script>
function myFunction() 
{
alert("I am an alert box!");
}
</script>

或者你可以试试这个

 <script language="javascript" type="text/javascript">  
 <!--
 function popitup(url) {
newwindow=window.open(url,'name','height=200,width=150');
if (window.focus) {newwindow.focus()}
return false;
 }

 // -->
 </script>

这是弹出消息的两种常用方法。

Answer 2

如果您的通知只是一张图片，那么您可以在css中执行以下操作：

.yourNoticeId
{
  opacity:0.4; /* scale 0-1 */
  filter:alpha(opacity=40); /* For IE8 and earlier */
}

如果它是div的一部分

.yourdiv
{
   /*r = red color g = green color b = blue color and a = opacity 0-1 scale */
   background: rgba(200, 54, 54, 0.5); 
}

Answer 3

使用不透明度的问题是，您的元素或组件将始终存在并占用它所需或允许的空间。因此，为了更好的目的，您可以同时使用 display 和 opacity，并且在淡入淡出动画之后，将 display 写入 none。

我想在我网站的html主页上方使用“不透明度”。我可以用吗？

3 个答案: