Div, Obraz tła i mapa obrazu

Question

Na stronie internetowej, którą tworzę, mam element div z obrazem tła. Nakładam trochę tekstu na obraz, który będę często zmieniać, dlatego właśnie używam obrazu tła i prawdziwego tekstu zamiast tagu img zawierającego tekst.

Obraz tła zawiera obszary, które można kliknąć, więc potrzebuję mapy obrazu.

Myślę, że najlepszym sposobem na zrobienie tego jest posiadanie kolejnego elementu nakładki z przezroczystym obrazem oraz mapa obrazu dla przezroczystego obrazu, który odpowiada obszarom klikalnym obszaru tła.

Czy jestem na dobrej drodze, czy jest lepszy sposób?

Answer 1

Jeśli potrzebujesz tylko kształtu "prostokąta" dla linków na mapie obrazu, możesz zamiast tego użyć pozycji zdefiniowanych dla css. Osiąga się to poprzez określenie położenia i ustawienie przezroczystości koloru tła. Oto przykład: http://www.position-relative.com/tutorials/tute1_css_bg_image.php

Answer 2

coś może spróbować jest umieszczenie div tła na „pływaka” IE

div.background { float:left; }

ponieważ jego dostał „pływać” na jej wielkość tle przyzwyczajenie push div, które przychodzą po niego z boku ...

następnie można zrobić drugi div zawierają wszystkie rzeczy tekst, a następnie użyć czegoś takiego:

div.textarea{ position:realtive; left:50px; }

aby ustawić obszar tekstu (który będziesz być edycję dużo) powyżej div tle

Answer 3

IE6 nie obsługuje przezroczystości, więc zalecamy korzystanie z IE6 png fix siekać.