8,960
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 17: | Line 17: | ||
border-radius: 50%; | border-radius: 50%; | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
| Line 38: | Line 26: | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
| Line 47: | Line 35: | ||
clip-path: polygon(50% 50%, 100% 0%, 100% 100%); | clip-path: polygon(50% 50%, 100% 0%, 100% 100%); | ||
transition: background 0.3s ease; | transition: background 0.3s ease; | ||
} | |||
.ring-chart27 ul li a { | |||
display: block; | |||
width: 100%; | |||
height: 100%; | |||
position: relative; | |||
text-decoration: none; | |||
} | } | ||
| Line 83: | Line 79: | ||
.ring-chart27 ul li:nth-child(4):hover { | .ring-chart27 ul li:nth-child(4):hover { | ||
background-color: #ef5350; | background-color: #ef5350; | ||
} | |||
/* Новое правило для слоя с изображением */ | |||
.ring-chart27 ul li.overlay { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
z-index: 4; /* Поверх всех сегментов */ | |||
} | |||
.ring-chart27 ul li.overlay img { | |||
display: block; | |||
width: 100%; | |||
height: 100%; | |||
object-fit: contain; /* Чтобы картинка сохраняла пропорции */ | |||
pointer-events: none; /* Картинка не блокирует клики на сегменты */ | |||
} | } | ||