整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
日常開發(fā)中，我們有時候需要獲取某個元素的背景圖片URL。在本文中，我將向大家介紹如何使用JavaScript來實現(xiàn)這一需求。
要獲取元素的背景圖片URL，我們可以使用getComputedStyle方法來獲取background-image的CSS屬性值。
舉個例子，如果我們有如下HTML代碼：
<div style="background-image:url('http://www.example.com/img.png');">...</div>我們可以通過以下JavaScript代碼來獲取背景圖片的URL：
const div = document.querySelector('div');
const style = window.getComputedStyle(div, false);
const bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");
console.log(bi);下面我們來逐步解析這段代碼的實現(xiàn)原理：
最終，我們得到的bi變量值就是背景圖片的URL：
'https://www.example.com/img.png'通過使用JavaScript中的getComputedStyle方法，我們可以輕松獲取到元素的背景圖片URL。這對于動態(tài)處理樣式或者進(jìn)行其他基于背景圖片的操作非常有幫助。
如果你覺得本文對你有幫助，別忘了點贊并分享給更多需要的朋友！有任何問題或建議，歡迎在評論區(qū)留言，我們一起討論學(xué)習(xí)！
常遇到一大批小伙伴喊著自己的Win10激活不了，也不了解出現(xiàn)的原因是什么導(dǎo)致的，完全拿它沒辦法，讓人生氣讓人郁悶。殊不知，電腦上預(yù)裝了win10系統(tǒng)，這個激活密鑰寫在主板上，所以我們預(yù)裝的系統(tǒng)恢復(fù)鏡像是可以直接激活的，但是小伙伴又出現(xiàn)激活不了的情況，所以今天快啟動小編帶大家了解詳細(xì)操作了。
一般情況下，我們的win10系統(tǒng)出現(xiàn)無法激活的情況，我們要做兩點判斷：
1、電腦有無更換過主板
如果你的電腦更換主板的話，這樣就會導(dǎo)致新主板與之前的主板信息不同，所以出現(xiàn)無法激活的情況。
2、無法激活的此當(dāng)前系統(tǒng)，跟之前預(yù)裝的系統(tǒng)版本一致嗎?
如果說，電腦預(yù)裝的系統(tǒng)版本是Windows10家庭中文版64位系統(tǒng)，但你重裝系統(tǒng)的時候不是使用此版本的話，就會直接導(dǎo)致系統(tǒng)激活不了的情況。
如果以上兩點信息都符合標(biāo)準(zhǔn)的話，但Win10無法激活的問題該怎么解決?首先我們從四個方面來解決問題：
一、了解自己電腦的網(wǎng)絡(luò)是否穩(wěn)定
由于預(yù)裝的win10系統(tǒng)在理論上是需要先聯(lián)網(wǎng)，然后才能自動連接服務(wù)器激活系統(tǒng)哦。如果電腦出現(xiàn)網(wǎng)絡(luò)不穩(wěn)定或者沒有聯(lián)網(wǎng)的狀態(tài)就會造成系統(tǒng)沒辦法自動連接到服務(wù)器上而導(dǎo)致激活失敗，如果你有注意到這一點的話，建議換個其他網(wǎng)絡(luò)進(jìn)行激活。
二、卸載密鑰重新識別
需要注意的事，卸載密鑰重新識別這個操作之前，我們需要了解自己的Windows10是最新版本的?？梢灾苯釉陔娔X上查詢，按組合快捷鍵 Windows + I → 更新和安全 → 檢查更新。
若有可安裝更新，請完成更新后再進(jìn)行下面的操作。
1、組合鍵Windows+Q→搜索欄中輸入cmd→右鍵命令提示符，選擇以管理員身份運行。
2、輸入slmgr /upk回車，卸載密鑰。
3、下載微軟提供的Windows疑難解答排錯包：
此程序可被解決的錯誤代碼：0x803F7001，0x8007007B，0xC004E016，0x8007232B，0xC004F074，0xC004F038。
打開瀏覽器輸入aka.ms/diag_cssemerg79558 下載后運行。
運行完成后，檢查系統(tǒng)狀態(tài)，若顯示“已激活”說明系統(tǒng)激活完成。
三、檢查電腦系統(tǒng)時間
一般來說，電腦系統(tǒng)時間不準(zhǔn)的話也會造成系統(tǒng)沒法激活的情況，我們需要做的就是先看下機器的時間是否正確。雖說理論上機器是可以自動同步時間的，但是一旦出錯可以按照下方的操作來修改系統(tǒng)時間。
1、點擊【開始】——【設(shè)置】——【時間和語言】
2、在“日期和時間”窗口中點擊【更改】，修改后注意要點擊【更改】按鈕保存設(shè)置，并確認(rèn)時區(qū)為【UTC+8：00背景、重慶、香港特別行政區(qū)、烏魯木齊】
四、使用電腦激活
電腦激活方式可以在不聯(lián)網(wǎng)的情況進(jìn)行，無需聯(lián)網(wǎng)就可以通過cmd直接激活系統(tǒng)。
1、組合鍵Win+R調(diào)出運行框，輸入slui 04回車。
2、然后選擇你所在的【國家或地區(qū)】。
3、選擇一個電話號碼撥打，根據(jù)提示音提供您機器上顯示的安裝ID(9組7位數(shù)字組成)，點擊輸入【確認(rèn)ID】
小編測試的電話轉(zhuǎn)接路徑為5-1-1-1-1-2-1，建議以實際的語音提示信息為準(zhǔn)。
4、按照電話系統(tǒng)語音提示進(jìn)行操作，語音提示會提供給你確認(rèn)ID， 按照提示輸入第一組、第二組…最后一組數(shù)字到下圖中，點擊【激活 Windows】即可。
五、使用其他激活工具激活
市面上很多激活工具可以對win10系統(tǒng)進(jìn)行激活，如：kms激活工具，暴風(fēng)激活工具等等，大家可以一試，不懂的話關(guān)注快啟動頭條號詢問小編哦。
到這里，快啟動小編已經(jīng)將詳細(xì)的win10系統(tǒng)無法激活的原因以及解決方法就為大家介紹完畢了，大家要是遇到無法激活win10的困擾，不妨試試以上的方法找出問題并且解決問題，希望對大家有幫助哦。
們在做PC端項目的時候，常常會碰到透明背景和透明圖片的的需求，但是透明度常常有會發(fā)生很多問題，特別是背景透明內(nèi)容不透明，想要兼容所有瀏覽器實現(xiàn)起來就比較麻煩。
其實平時說的調(diào)整透明度，其實是在樣式中調(diào)整不透明度，如下圖：
打開ps，在圖層面板上，可以看到設(shè)置-圖層調(diào)整 不透明度的菜單，從 0% （完全透明）到 100%（不透明）
實現(xiàn)透明的css樣式通常有以下3種方式，以下是不透明度都為50%的寫法
兼容：Css3的opacity不兼容IE低版本，IE6/7/8不支持，IE9以上都支持
opacity適用情況：設(shè)置opacity的元素，不光設(shè)置的元素透明，后代元素也會繼承opacity，一起也有透明效果，所以opacity一般用于調(diào)整個別圖片，或者部分模塊的的透明度
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding:0;
margin: 0;
}
.content{
width: 200px;
height: 100px;
padding: 50px 50px;
background-color: red;
opacity: 0.5;
/* 設(shè)置不透明度50% */
}
p{
width: 100px;
height: 100px;
background: green;
}
</style>
</head>
<body>
<div class="content">
<p>背景透明,內(nèi)容也透明</p>
</div>
</body>
</html>
使用opacity后整個模塊都透明了，展現(xiàn)如下：
那么使用opacity實現(xiàn)（背景透明，文字不透明）是無法實現(xiàn)的。
兼容性：IE6、7、8不支持，IE9及以上版本和標(biāo)準(zhǔn)瀏覽器都支持
使用說明：設(shè)置顏色的透明度，只要用到設(shè)置顏色都適用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding:0;
margin: 0;
}
.content{
width: 200px;
height: 100px;
padding: 50px 50px;
background-color: rgba(255, 0, 0, 0.5);
/* 用rgba設(shè)置背景透明，內(nèi)容不會受影響 */
}
p{
width: 100px;
height: 100px;
background: green;
}
</style>
</head>
<body>
<div class="content">
<p>背景透明,內(nèi)容也透明</p>
</div>
</body>
</html>我們想要的效果
我們想要的效果
IE6、7、8rgba的錯誤顯示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding:0;
margin: 0;
}
.content{
width: 200px;
height: 100px;
padding: 50px 50px;
background-color: red;
filter:Alpha(opacity=50);
/* 只支持IE6、7、8、9 */
position:static;
/* IE6、7、8只能設(shè)置position:static(默認(rèn)屬性) ，否則會導(dǎo)致子元素繼承Alpha值 */
*zoom:1;
/* 激活I(lǐng)E6、7的haslayout屬性，讓它讀懂Alpha */
}
p{
width: 100px;
height: 100px;
background: green;
position: relative;
}
</style>
</head>
<body>
<div class="content">
<p>背景透明,內(nèi)容也透明</p>
</div>
</body>
</html>IE6、7、8的可以識別濾鏡 filter
在IE10版本被廢除，IE10和10以上不識別
以上分析我們知道，設(shè)置透明背景內(nèi)容不透明，可使用的屬性有rgba和IE的專屬濾鏡filter:Alpha
針對IE6、7、8瀏覽器，我們可以使用fiter濾鏡，針對標(biāo)準(zhǔn)瀏覽器我們使用rgba，那么問題來了，IE9瀏覽器2個屬性都支持，一起使用會重復(fù)降低不透明度，那么，如何只對IE6、7、8使用fiter:Alpha如何實現(xiàn)呢？我們可以通過CssHack，設(shè)置有IE的相關(guān)hack，找到只支持IE 6、7、8的方案的方法，
/* 只支持IE6、7、8 */
@media \0screen\,screen\9 {...}透明度所有問題都解決了，全部代碼如下：
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
