background-position

0熱度

2回答

我正在爲最終項目創建一個網站，並且我的導航圖像在瀏覽器（主要是Firefox）之間切換的背景位置有問題。這可以通過單擊鏈接到我在學院的服務器上傳過的頁面上進行演示：http://cis.scc.losrios.edu/~cisw320q_stu007/sbc/index.html。交替使用的視口（Chrome/Firefox）將顯示我正在談論的定位差異。 Chrome會正確顯示背景位置（在學校徽

0熱度

3回答

如何使用圖像：固定，z索引和滾動效果

我想知道是否有人能夠告訴我如何使用類似的圖像效果等。 http://www.handsoneveryday.com/爲背景圖片，info.box在頁面的中心和灰色滾動所有。我試過使用z-index和位置：固定，但似乎沒有工作。謝謝你這麼多 -INA

1熱度

1回答

在中心位置精靈背景

我有一個精靈爲我的圖標。其中一個是29px * 29px，但使用該圖標的div實際上是35px * 35px（它具有padding：6px）。我想垂直和水平對齊圖標。我沒有製作35px * 35px的圖片，因爲div尺寸可能稍後會更改。有沒有解決方案，或者我必須將圖標導出到正確的尺寸？

1熱度

2回答

固定時在Chrome中滾動DIV中不起作用

基本上，背景附件時的背景圖像是一個滾動的DIV中，它會不再法固定，只是恢復到滾動： CSS： <div class="wrapper"> <span></span> </div> HTML： html, body{ width: 100%; height: 100%; margin: 0; } .wrapper{ width: 90%;

0熱度

1回答

css背景位置跨瀏覽器

我正在使用包含幾個按鈕及其狀態的精靈圖像。 background-position在Chrome和Edge中工作，但不在Firefox中！小提琴：（如果你在Chrome /邊緣運行這個它的工作原理，但不是在Firefox） https://jsfiddle.net/bkgrnnmu/1/ 精靈圖像的佈局： buttons _ _ _ _ _ Normal: |_|_|_|_|_

0熱度

2回答

懸停時的背景位置動畫

我有一個div1它通過jquery動畫鼠標懸停方向上的背景位置。但它工作正常。這是不正確的方向，我希望它能在每一個鼠標懸停在div上。查找jsfiddle 代碼： $(function() { $(".mainCont").hover(function(e) { // $(this).addClass("hoverOnce"); var edge = clo

0熱度

1回答

如何垂直放置重複y圖像背景？

我有這樣的代碼： background:url("someimage.gif") repeat-y 50px right; 這裏的問題是，我需要的背景從頂部開始50像素所以圖像和頂部但這不會發生之間的50像素的空間。我非常清楚，如果不重複，圖像將定位正確，但我需要垂直重複。有什麼辦法嗎？我怎樣才能實現重複圖像的頂部和開始之間的空間？

0熱度

1回答

Skrollr.js插件背景位置Y不是Parallaxing

這是this question的延續。我使用Skrollr.js視差，我創建了一個簡單的小提琴來顯示我的標記和js。小提琴是here，整頁結果是here。我無法弄清楚爲什麼我可以在Chrome和Safari上使用所有的背景圖片，但是當涉及到Firefox時，沒有運氣。任何人都可以幫助我理解爲什麼這些小提琴不起作用，但this確實有效，它使用相同的代碼。難道...... background-

2熱度

1回答

背景錯誤

我有一個文本與環繞使用這個CSS文字背景圖像標題圖像位置： .page-id-44491 #page-header-bg h1 { font-size:69px !important; text-transform:uppercase; background: url(http://rocketcafe.co.uk/wp-content/uploads/2015/12/scribble.pn

0熱度

1回答

背景大小和背景重複如何工作？

這是example。我想裁剪背景圖像，然後使用裁剪後的圖像作爲更大（大小）元素的背景。我的意思是div比背景更大，我不需要重複。現在當background-repeat未註釋時，元素消失。但我認爲它會顯示出不重複的背景。 #div { background-image: url(http://dummyimage.com/600x400/000/fff); paddi