CSS(層疊樣式表)是一種用于網頁設計的樣式表語言，可以讓網頁變得更加美觀和易于維護。在 CSS 中，可以通過設置元素的樣式來改變其外觀，包括顏色、字體、大小等等。

但是，有時候我們可能需要打開圖片作為 CSS 樣式的參考資料。這時，我們需要使用 HTML 文件來包含圖片，然后使用 CSS 來設置圖片的樣式。但是，如果我們直接使用 CSS 文件來設置圖片的樣式，那么圖片將無法被打開。

為了解決這一問題，我們可以使用 CSS 媒體查詢(Media Queries)來打開上級文件的圖片。

媒體查詢是一種 CSS 技術，可以用于響應式設計。它可以根據設備的屏幕尺寸、分辨率等條件來自動調整網頁的樣式。媒體查詢中，有一個“媒體類型”(Media Type)參數，可以指定要查詢的條件。

例如，我們可以使用 CSS 媒體查詢來打開上級文件的圖片。假設我們有一個名為“example.css”的 CSS 文件，并且它位于網站的根目錄下。我們可以使用以下代碼來打開圖片：

```css

@media screen and (max-width: 768px) {

width: 100%;

height: auto;

這樣，當我們使用 CSS 打開上級文件的圖片時，圖片就可以被打開了。同時，我們還可以使用 CSS 來設置圖片的樣式，使得圖片更加美觀和易于維護。