Usuwanie konturu na obszarze mapy obrazu

Czy mimo to istnieje możliwość usunięcia konturu po wybraniu obszaru na mapie obrazu? Zobacz: enter image description here Usuwanie konturu na obszarze mapy obrazu

Używam Chrome w systemie Snow Leopard.

Źródło

2011-01-27 Marc

Zobacz tutaj, aby uzyskać rozwiązanie dla różnych przeglądarek: http://stackoverflow.com/a/12196766/1491212 –

Dziękuję Armel, przepraszam, że nie wróciłem wcześniej. – Marc

wydaje się, że wszystko co masz zrobić, aby usunąć te granice leży na metce img, ustawiając atrybut hidefocus i właściwość css outline na nim jak TH jest:

HTML

<img class="map" src="..." usemap="..." hidefocus="true" />

CSS

img.map, map area{ 
    outline: none; 
}

To powinno działać cross-browser!

EDIT

Jak skomentował Siergiej K, jeśli nie chce wspierać IE6 można zapisać bajtów tylko przy użyciu selektora atrybutu.

img[usemap], map area{ 
    outline: none; 
}

Support starts with IE7.

Źródło

2012-08-30 12:23:34

Idealnie działa w IE6. Dzięki. – Hoque

W przypadku przeglądarki Chrome stwierdziłem również, że muszę dodać tę regułę CSS: 'map area {outline: none; } '. Również, jako pomysł, zamiast dodawać klasę 'map' do wszystkich obrazów, które używają map obrazów, możesz przepisać swój drugi selektor jako:' img [usemap] {outline: none; } '. To spowoduje wybranie wszystkich obrazów, które mają atrybut "usemap". –

Edytowana odpowiedź cytująca Ciebie. Dzięki! –

Próbowałem outline:0 na jego zasadzie css?

Źródło

2011-01-27 20:58:21

Każdy pomysł, jak usunąć półprzezroczyste pudełko, które pojawia się w Safari na iOS? –

Użyj CSS. Ustaw style="outline:none;" na elemencie, lub najlepiej umieść go w arkuszu stylów.

Źródło

2011-01-27 20:59:05 Endophage

Na jakim elemencie? Zakładanie tagu obszaru nie działa. Ani podczas umieszczania go na tagu obrazu. – patad

@meow Wierzę, że chcesz umieścić go na elementach 'area' mapy obrazu, ale jeśli mówisz, że to nie działa, to nie jestem pewien. Upewnij się, że nie ma błędów w pisowni i składni ... wszyscy je robimy. – Endophage

Nadaj Imagemap identyfikator z „Mapa”, a następnie kliknąć na poniższy deklarację CSS:

#Map area { 
    outline: none; 
}

Źródło

2011-07-07 19:47:13 Eric

Nie działa, ponieważ znaczniki obszaru dziedziczą kontur z obrazu, do którego "dodałeś" znacznik mapy. Tak więc, aby mieć pewność, dodałem "konspekt: brak;" własność nie tylko znaczników obszaru, ale także głównego obrazu. –

miałem ten sam problem zarówno z Chrome i Safari i odniósł sukces poprzez przypisanie plików .map klasy do każdego obszaru tag i dając klasa następujące style:

.map { 
outline: 0; 
}

Źródło

2011-08-19 18:43:05 Amanda

Trochę staroświecki, ale to działa:

<area onfocus="blur();" ...

GTX CS

Źródło

2013-01-07 22:12:02

Próbowałem wielu (rzeczy na granicy, konspektu, ...) i tylko to działało, dziękuję. –

Praca z SharePoint 2013 i to była jedyna technika, która działała. Dzięki – MonkeyWrench

powoduje to przerywnik w Firefoksie, usunięcie tego i dodanie tabindex = "- 1" do każdego rozwiązało to dla mnie. – fastasleep

Więc jeśli masz archaiczny stronę bez CSS (wiem, okropne!) Można naprawić poprzez wstawienie style = „Outline: none” po coords i przed href w strefie tag - absolutna doskonałość!

Źródło

2014-03-21 10:08:10 kiwi

Usuwanie konturu na obszarze mapy obrazu

Odpowiedz

Powiązane problemy