background-position

0熱度

1回答

有沒有辦法在沒有背景的情況下修復圖片在div中的位置？

我目前正在將軌道環境中的文章視圖集成到ruby中。 我想創建一個450像素高度的div設置文章的圖像裏面和修復，因此看起來像這樣 <div class="image_container> <img src="/path/to/image.jpg" /> <!-- or <%= image_tag @article.image %> --> </div> 和CSS是這樣的 .imag

html css ruby-on-rails css-position background-position 2016-10-13

---

7熱度

1回答

後臺中心與變換的3D和過濾模糊在Firefox

inb4：對不起，這需要超長加載可怕的超大圖像，點擊鏈接並閱讀問題，如果以後你不喜歡等待！ 因此，我正在製作一個網站，其中我用2d圖像移動鼠標使虛假的3D效果的this prototype。我想在用戶點擊其中一個三角形時突出顯示濾鏡模糊效果。 我的問題是it completely breaks in firefox當我添加的模糊。我沒有問題，但在Chrome瀏覽器的模糊，但由於某種原因在Firef

css firefox css-transforms background-position css-filters 2017-05-12

---

0熱度

2回答

從右側的背景位置百分比

有沒有一種方法可以從右側顯示background image百分比？以像素爲單位，這些值運行良好，但不是百分比！ JSfiddle HTML：<div></div> CSS： div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: url('http://www.pnga

css position background-image background-position 2017-07-03

---

0熱度

2回答

Javascript複選框來改變背景不工作

我想改變使用複選框的元素的背景位置，但不工作。 下面是代碼： x = false; function Check() { if (x) { document.getElementById("checkboz").style.backgroundPosition = '0 0'; document.getElementById("checkboz

javascript checkbox background-position 2016-12-21

---

0熱度

1回答

背景位置，三分圖像規則和移動設計

我正在處理與圖像焦點上的規則三分之一對齊的圖像，並使用background-image將圖像放入頁面。 當用戶在平板電腦（或更大）的設備上時，我正在使用background-position:50%;這很好;我不介意這張照片是對齊的。 但是，在移動設備上，我希望主題（這是在右邊的第三行規則 - 請參閱我的JSBin的例子）在屏幕上水平居中。我知道我可以使用不同的百分比（例如background-p

css background-image background-position 2016-09-13

---

0熱度

1回答

CSS使背景圖像使用字體字符

我想使用字體字符（例如，來自font-awesome）作爲輸入元素的背景圖像。 <style> #id { background-image: content('\f2d3'); /* content instead of url() */ background-position: right center; } </style> <input id="test" /

css svg background-image background-position css-content 2016-11-04

---

4熱度

2回答

Facebook API封面圖片在背景位置屬性中的偏移

!!!如果任何人現在可以回答這個問題，我會等待賞金期結束，並在獎勵之前將其提高到150。 （童子軍榮譽！）!!! 我環顧四周，但不能找到這個問題的答案： 我從FB API獲取事件封面圖片，並且還存儲offset_x和offset_y值。然後我放置圖像作爲CSS背景圖像是這樣的： CSS .event-image { margin-bottom: 30px; width: aut

facebook css3 facebook-graph-api background-image background-position 2016-11-09

---

0熱度

1回答

閃爍在使用中IE11上精靈表關鍵幀+背景位置

所以我有含有行走動畫的16幀中的子畫面片和我意圖使用關鍵幀通過改變使用背景位置動畫它： animation: abc 0.55s infinite steps(1); @keyframes abc { 0% {background-position(-2250vh,-10vh);} 6.67% {background-position(-2100vh,-10v

css internet-explorer css-animations keyframe background-position 2016-09-24

---

1熱度

1回答

CSS失敗 - 背景位置，背景重複，背景大小，背景附件

當我把下列一個div主body，這個工程： <div style="display: block; width:100%; height: 100%; min-height: 100vh; background-color: #FFFFFF; background: url(./images/pic.jpg); background-position: center; background-rep

css background background-position background-size background-repeat 2017-02-27

---

0熱度

1回答

添加這個很酷的效果線性漸變和背景大小，可以任何身體的解釋

如果它是愚蠢的問題，我很抱歉，但這段代碼是讓我瘋狂，我剝奪它，認爲我將能夠理解，但後這樣做，並投資2-4個小時，現在我很困惑我認爲我知道的事情。 下面的代碼添加這個很酷的效果，當我結束，它似乎像背景是從底部出現，並且到頂部， 只想到我知道它有一些東西與背景圖像，線性漸變，背景大小和背景 - 請看看，並嘗試帶我離開我的痛苦。 HTML代碼 <ul><li><a href="#" title="Hom

css linear-gradients background-position background-size 2017-07-27

---