Witam.
Mam zrobiony panel boczny za pomocą kodu :
<div id="panel">
<div id="title">
Panel
</div>
<div id="content">
Jakaś zawartość
</div>
</div>
oraz :
#panel {
position: fixed;
top: 50px;
right: -372px;
z-index: 99999;
transition: right 0.5s ease-out 0s;
}
#panel:hover {
right: 0;
}
#panel #content {
width: 350px;
height: 150px;
padding: 10px;
border-top: 2px solid #C30011;
border-right: none;
border-bottom: 2px solid #C30011;
border-left: 2px solid #C30011;
z-index: 20;
background: #FFFFFF;
position: relative;
border-radius: 10px 0 0 10px;
}
#panel #title {
width: 150px;
border: 2px solid #1E90FF;
background: #1E90FF;
color: #FFFFFF;
font-weight: bold;
border-radius: 10px;
padding: 5px 5px 25px 5px;
text-align: center;
position: relative;
top: 115px;
left: -90px;
transform: rotate(-90deg);
z-index: 1;
}
Chciałbym aby zamiast tego panelu było zdjęcie.
Próbowałem za pomocą img src ale to wtedy zdjęcie się pokazuje na panelu bocznym a chciałbym, żeby tego panelu w ogóle nie było tylko same zdjęcie.
Proszę o pomoc. Dziękuje.