شرح كيفية عمل رابط على صورة خلفية Background عبر ملف CSS
السلام عليكم ورحمة الله و بركاته
اسعد الله صباحكم أعضاء سوالف ,,
كنت ابحث عن طريقة لجعل الخلفية الباك جراوند عليها رابط كإعلان لاحد الشركات و وجدت الطريقة و حبيت افيدكم بها .
نقوم باضافة صورة الخلفية اولاً ضمن هذا الكود CSS
.box1 {
position: relative;
margin: 20px 0 20px 40px;
padding: 5px 0; width: 300px;
height: 100px;
background-image: url(images/background.jpg);
background-repeat: no-repeat;
}
الفكرة في عمل صندوق شفاف على صورة الخلفية انت تحدد قياسه
#box-link {
position: absolute;
top: 8px;
left: 20px;
width: 83px;
height: 83px;
background-color: transparent;
border: 1px solid yellow; }
و هنا تضع الرابط و الوصف ان اردت
<div class="box1">
<a id="box-link" href="#"></a>
<p>The background of this box is an image.</p>
</div>
بالتوفيق