我需要將元素的背景圖像移動到元素外部。有可能使用CSS或Javascript嗎？

這是Hapenning-我需要將元素的背景圖像移動到元素外部。有可能使用CSS或Javascript嗎？

enter image description here

我需要這個 -

enter image description here

我需要移動我的元素的背景圖像（橙色圓圈）的元素之外。有可能使用CSS或Javascript嗎？由於HTML的結構，我不能接受div內的另一個元素。只有在可能的情況下才需要使用它。

.element:after { 
     display: inline-block; 
     content: ""; 
     height: 250px; 
     width: 217px; 
     position: absolute; 
     border-bottom: 1px solid #ff9400; 
     border-left: 1px solid #FF9400; 
     z-index: 15; 
     background: url('files/images/icon5.png') no-repeat; 
     background-position: 100% 100%; 
    }

只需要將我的icon5.png移動到元素框外。

來源

2015-07-22 hitesh kumar

你想讓它保持可見嗎？或沒有？ –

任何示例html或它現在看起來像什麼vs你想要它看起來像什麼？ – stevenw00

@Wes Foster是的，我想保持它可見。 –

這就是你想要做的。定義僅包含圖像的背景元素。根據需要調整它的大小。然後你在裏面製作一個更小的元素。以下是我的意思的例子：

<style> 
#BACKGROUND {background: url("testimage.jpg");width:50px;height:50px;} 
#OVERLAP {color:#000;padding:10px;} 
</style> 
<div ID="BACKGROUND"> 
<div ID="OVERLAP"> 
ABC 
</div> 
</div>

在這裏，我創建了一個背景（DIV）元件這是50×50像素，然後的裏面，我創建另一個（DIV）元件專門爲該重疊文本該圖像從10像素開始，通過DIV的填充語句定義，ID爲OVERLAP。如果圖像在調整數字後仍然存在，則可以編輯圖像以包含空白區域並相應地調整大小（像素值）。

來源

2015-07-22 05:51:06 Mike

我需要將元素的背景圖像移動到元素外部。有可能使用CSS或Javascript嗎？

回答

相關問題