CSS диаграмма Венна при наведении курсора мыши

Я пытаюсь создать диаграмму Венна на чистом CSS, как эта Example of a Venn Diagram

Где круг выделяется при наведении курсора мыши. Но проблема в том, что при использовании свойства border-radius при наведении указателя мыши на угол круга (вне круга) он также запускает наведение.

для демонстрации см. this jsfiddle ссылка и наведите указатель мыши на красную область

, есть ли какое-либо решение CSS, чтобы избежать этого, или я хочу вычислить его с помощью javascript?

РЕДАКТИРОВАТЬ: Спасибо всем за ответы. Я должен был также опубликовать информацию о браузере. Я использую Chrome 12 Пока что эта ошибка существует в хроме. Я обновлю эту страницу, сообщая о дальнейших результатах.

ОБНОВЛЕНИЕ, август 2013 г .: Только что проверил это еще раз в Chrome 28, и проблема больше не существует.

10
задан mrBorna 6 August 2013 в 21:55
поделиться