html5绝对定位制作消息通知结果

要在HTML5中使用绝对定位来制作消息通知，可以按照以下步骤进行：

1. 在HTML文档中创建一个容器元素，例如<div>或<span>元素。

2. 使用CSS样式对该元素进行绝对定位，使其位于页面上的适当位置。例如，可以使用position属性设置为absolute，并使用top和left属性来指定其位置。

例如，下面的CSS代码将把一个<div>元素定位在页面右上角：

.notification {
  position: absolute;
  top: 0;
  right: 0;
}

3. 在该容器元素中添加通知内容，例如通知文本和关闭按钮等。

例如，下面的HTML代码将在<div>元素中添加一个通知文本和一个用于关闭通知的按钮：

<div class="notification">
  <p>这是一条通知消息。</p>
  <button>关闭</button>
</div>

4. 使用JavaScript代码来处理通知的显示和隐藏。例如，可以使用事件监听器来监视关闭按钮的点击事件，并将容器元素的display属性设置为none以隐藏通知。

例如，下面的JavaScript代码将监视通知中的关闭按钮，并在点击时隐藏通知：

var closeButton = document.querySelector('.notification button');
var notification = document.querySelector('.notification');

closeButton.addEventListener('click', function() {
  notification.style.display = 'none';
});

综上所述，以上步骤可以使用HTML5和CSS3创建一个简单的消息通知，并使用JavaScript来处理其显示和隐藏。