在CSS一個div的動態變化背景

這是代碼中CSS的例子：在CSS一個div的動態變化背景

block { 
     margin-left: 1in; 
     margin-top; 1in; 
     position: absolute; 
     background-image: url('../images/myimage.png'); 
     background-size: 100% 100%; 
    }

現在我使用一個以上的HTML頁面上的這個CSS文件，我們需要有能夠改變這一形象每頁。也許通過HTML？

<block><somehowchangeimagehere></somehowchangeimagehere></block>

？請僅使用HTML & CSS。

來源

2012-01-11 Ridz

你想在每個頁面或不同的圖像上顯示相同的圖像在每一頁上？ – DOK 2012-01-11 22:03:23

一種方法是把一類對身體標記的每一頁，然後進行不同的子類：

<body class="pageOne">

CSS：

.pageOne block { 
    background-image: url('../images/myimageOne.png'); 
} 

.pageTwo block { 
    background-image: url('../images/myimageTwo.png'); 
}

來源

2012-01-11 22:03:35

這可能是最好的方法。謝謝！ – Ridz 2012-01-11 22:19:24

請記住，一旦定義了BLOCK，您只需要對差異進行子類別劃分，而不是整個塊，如本例所示。 – 2012-01-11 22:21:15

圖像URL是相對於CSS頁面的URL而不是HTML頁面的URL。它應該只是工作。處理這種

來源

2012-01-11 22:00:57

該圖像顯然可行，但你不明白我想要做什麼。我試圖改變每頁的myimage.png。我將如何實現這一目標？ – Ridz 2012-01-11 22:02:30

@Ridz：在每個頁面上使用自定義CSS？ – 2012-01-11 22:03:15

@Ridz：如果你想讓圖像在每個頁面上有所不同，那麼你可以省略外部CSS文件中的圖像，而是包含' '在你的HTML頁面上。 – 2012-01-11 22:03:56

如果插入這樣的事情你的HTML包含樣式表後，你可以覆蓋樣式表：

<style type="text/css"> 
    block { 
     background-image('some_image_thats_specific_to_the_page'); 
    } 
</style>

來源

2012-01-11 22:04:52 Stefan

在CSS一個div的動態變化背景

回答

相關問題