我正在制作一个网站，但我只想显示一个通知（仅在会员打开网站时显示一次）。此通知必须显示在 html 主页的正上方（因为主页可能会因成员而异）。我想使用"不透明度"在主页上方制作一个淡入淡出的页面（以便会员也可以看到主页在通知的四个侧面旁边），我不能使用"警报"，因为通知包含图片、代码和一些额外的代码功能，如正面颜色。到目前为止，我发现"不透明度"使用了上面的图像，但我如何在我网站的 html 主页上方使用"不透明度"???
<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";
我不太确定你在问什么，但如果你想要一个警报或小消息，你有几个选择。
警报框
<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>
这是执行弹出消息的两种常见方法。
如果你的通知只是一个图像，在你的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);
}
使用不透明度的问题是，您的元素或组件将始终存在并占用需要或允许的空间。因此，为了更好的目的，您可以同时使用显示和不透明度，并在淡入淡出动画之后，将显示写入无。