Mamy sobie obrazki, które powiększamy za pomocą transform:scale, ale te obrazki się nawzajem nakładają. Pytanie: jak zrobić, aby się nie nakładały na siebie?
0
0
Jeżeli określisz jakąś wartość transform na obiekcie to stanie się on elementem zawierającym, w którym wszystko dostaje position:fixed; Tworzy się kontekst stosu. Nie bardzo wiem czego oczekujesz. Żeby rozpychały się?
0
O to mi chodzi, że mamy sobie obrazki określone znacznikami <img>, które zawierają się w div, powiększane za pomocą np. transform:scale(1.5,1.5), wtedy te obrazki mi się nakładają częściowo na siebie, a ja chcę, by ten div był rozpychany przez te obrazki.
0
Więc zmieniaj width obrazka bez transformacji
0
Oto jest kod poniżej, jak widzimy obramowania obrazków obraz.jpg nachodzą się na siebie, a bez transform:scale(1.5,1.0) już nie, a ja chcę, by z użyciem tej właściwości obramowania się nie nakładały, tylko były obok siebie w jednej linii, a width obrazka jest na stałe przydzielony. Pytanie: jak to zrobić, by tak było?
<html>
<div class="rodzic" style="position:absolute;left:200px;">
<span><img src="obraz.jpg" style="width:100px;height:100px;outline-style:solid;outline-width:thin;outline-color:silver;transform:scale(1.5,1.0);"></span>
<span><img src="obraz.jpg" style="width:100px;height:100px;outline-style:solid;outline-width:thin;outline-color:silver;transform:scale(1.5,1.0);"></span>
</div>
</body>
</html>
0
Nadawanie styli inline to kiepska praktyka. Nic w CSS już nie zrobisz. Chyba, że !important czyli dalej w bagno. Skąd te style się biorą?