Я довольно новичок в этом деле и работаю только с html и css - и у меня большая проблема.
У меня наведен курсор на мою веб-страницу, и если я проверяю в браузере, то курсор находится должен показывать при клике на мобильном устройстве. Подсказка отлично работает на рабочем столе
Но когда веб-страница теперь активна, при моем iphone при щелчке на ней не отображается указатель мыши. Я вижу, что текст где-то есть, потому что я могу пометить его и скопировать. Но, как я уже сказал, это не показывает. Может кто-нибудь, пожалуйста, помогите мне? Веб-страница с указателем мыши: http://breaback.se/tjanster.html
Код ниже
.container {
display: flex;
justify-content: space-around;
margin: 0;
padding: 0;
flex-wrap: wrap;
width: 100%;
height: 30rem;
}
.tjanst-rubrik {
text-align: center;
font-family: "Montserrat";
color: white;
font-size: 1.5em;
margin: 0.3em;
padding: 0.3em;
background-color: black;
opacity: 0.9;
}
.hoverbox {
display: inline-block;
position: relative;
max-width: 100%;
height: auto;
}
.hoverbox .hoverbox-layer_top {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.hoverbox .hoverbox-layer_top:hover {
opacity: 1;
}
.hoverbox .tjanst-text {
font-family: "Montserrat";
color: white;
text-align: center;
font-size: 0.7em;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tjanst-bild {
background-size: cover;
width: 18em;
height: 30em;
margin: 0.5rem;
box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3);
}
<div class="container">
<div class="hoverbox tjanst-bild" style="background-image: url(bilder/grava.jpg);">
<p class="tjanst-rubrik">RÅDGIVNING</p>
<div class="hoverbox-layer_top">
<div class="tjanst-text">
Har ni funderingar kring material, växtval, växtsjukdomar eller andra odlingstekniska åtgärder? Vi träffas hemma hos er och använder tiden enligt era önskemål. Ca 2h hemma hos dig. Ni för anteckningar.<br>
<br>
Pris: <b>2500 kr</b> inkl. moms
<p></p>
</div>
</div>
</div>