كيف تصميم button شفافة فى الموقع؟

مرحباً انا عندما احتاج ان اقوم بصنع زر اصنعة من او اضع صورة واجعلها تنتقل الى رابط عند الضغط عليها اوعتبرها زر

سؤالى هنا انا شاهدت مواقع كثيرة بها زر ولكن الBackground تبع الزر تظهر ال BackGround الموقع وتظهر ما خلفها,كيف يمكننى فعل ذلك!


السلام عليكم اخوي

غير الستايل الخاص بالزر

;background:none

وسويت لك هذا المثال !!!

<!DOCTYPE html>

body {

padding:0;
margin:0;
background-image: url('
background-size: cover;

}

button { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);

padding: 10px 50px;
border-radius: 15px;
border: 1px solid #000;
background: none;

}

Document

click me

انسخه وحطه في بيئه العمل عندك وشغله بعد ما تحفظ الملف بصيفه .html

وشكرا ................. ♥

تمااااااااااااااااااااااااااااام جداً :D تسلم

لا تكتب تعليقات لا تضف أي فائدة للنقاش