background-position

4熱度

1回答

我正在編程一個小小的WP主題，需要一些幫助，使用新的CSS3背景大小屬性。我有一個包含圖像作爲背景的DIV。圖像本身被設置爲比div更大，以呈現原始圖像的一點點切除： .imageContainer { background-size:154% 102%; background-position-x:-28%; background-position-y:0.28%

0熱度

3回答

頁面底部的粘滯頁腳和身體背景圖像

我有HTML5boilerplate，我想用粘滯頁腳和圖像作爲背景的模板。背景應始終位於頁面的末尾（如果頁面高於clientHeight）或屏幕（如果頁面較短）。我的問題是當粘性頁腳工作，但背景不，反之亦然。請看一下。這是我的index.html： <body> <div class="wrap"> <header></header> <div class=

0熱度

1回答

jQuery backgroundPosition CSS sprites不能一起工作？

我已經開始爲我的照片製作網絡組合我不是一個網頁設計師，它只是讓我感興趣。以下是jsfiddle中的頁面：http://jsfiddle.net/RhjJZ/1/。我製作了CSS sprite來爲<a>鏈接創建背景。我希望它們在鼠標移過去時改變，所以我用jQuery製作了這個腳本，它似乎工作，我無法想象爲什麼，嘗試了很多不同的方法......在互聯網，但他們無法幫助我。如果有人指出我做錯了什麼，我

3熱度

1回答

Opera不正確地使用百分比值處理背景位置和/或背景大小？

我正在嘗試使用背景圖像作爲精靈，具有可變尺寸的元素。因此，我使用基於百分比的值爲background-size和background-position。我在戲中遇到的問題，此（最新版本，12.14）。我懷疑這是background-position和background-size的組合與導致錯誤行爲的基於百分比的值。我徒勞地搜尋了任何有關的信息，或一個公認的問題。爲了演示我正面臨的問題，我創建

1熱度

1回答

jQuery背景位置動畫與CSS sprite不工作

所以我想要動畫我的導航鏈接背景是Css精靈。這樣的畫面：http://img689.imageshack.us/img689/2996/menufc.png $(document).ready(function(){ $('nav a') // On mouse over, move the background on hover .mouseover(fun

0熱度

1回答

使用懸停的背景位置的問題

我試圖重新創建tumblr添加到dashboard上的新帖子圖標的'反彈'。我一直在尋找如何使用background-position來創建反彈，但迄今沒有任何運氣。這裏的其他問題使用background有問題，然後試圖指定background-position，但我根本沒有使用background。我並沒有試圖在這上面花費大量的時間，但現在我對此很好奇。 Gist for the code

2熱度

2回答

iPhone忽略svg的背景位置

我在簡單的錨點元素上使用svg背景圖像，並且需要將圖形放置在元素的右側。它適用於大多數瀏覽器，除了iPhone（罰款iPad）。我已經設置了兩個codepens - 除了使用gif或svg圖像外，完全相同。 gif的位置正確，但svg不正確。 GIF - 在iPhone上正確定位 - http://codepen.io/johnholtripley/pen/yLDwF SVG - 正確定位於i

0熱度

2回答

Javascript的DOM背景位置getelementbyid（）？

我讀here，我可以用我的位置DIV的背景圖片： var yValue = 20; document.getElementById('a1').style.backgroundPosition = '0px ' + yValue + 'px'; 但我會怎麼做這對於使用JavaScript bodybackground-position，確實身體採取的getElementById()函數參數的

1熱度

1回答

背景圖像不留固定在IE8（anythingSlider）

鏈接在下面的文本參照：http://www.massgeneral.org/international/dev/full-screen.aspx 如果預覽爲與類「anythingNavWindow」的DIV的CSS，你可以看到一個背景圖片（精靈）用於投射陰影效果，爲縮略圖滑塊的導航窗口顯示觸發器後面的縮略圖。不幸的是，在IE8中查看時，當您使用滑塊轉換以查看滑塊中的其他縮略圖時，陰影將隨縮略圖一

0熱度

2回答

jQuery .animate（）具有多個值的單個CSS屬性

我正在嘗試使用jQuery的.animate（）方法爲元素的背景位置設置動畫。背景位置屬性是通過定義x和y的值，像這樣設置： background-position: 100px 100px; 的Webkit現在支持background-position-x和background-position-y，但它尚未在Firefox支持。如果我只動畫一個值 - 例如。 $(div).animate(