CSS可以同時顯示兩個頁面的方法

在CSS中，我們可以使用position屬性來實現(xiàn)同時顯示兩個頁面的效果，具體步驟如下：

1、創(chuàng)建一個包含兩個頁面的HTML文件。

2、將兩個頁面的內(nèi)容分別放在兩個div元素中。

3、使用CSS的position屬性將兩個div元素定位在相同的位置。

4、設置z-index屬性，確保兩個頁面都能被用戶看到。

下面是一個示例代碼：

HTML代碼：

<div id="page1">
  <!-- 頁面1的內(nèi)容 -->
</div>
<div id="page2">
  <!-- 頁面2的內(nèi)容 -->
</div>

CSS代碼：

#page1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#page2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

在這個示例中，#page1和#page2都使用position: absolute;屬性將它們的位置設置為***定位。top: 0;和left: 0;屬性將它們定位在頁面的左上角。z-index: 1;和z-index: 2;屬性確保了頁面1和頁面2都能被用戶看到，而不會相互遮擋。