/* Ссылка "Поделиться" иконкой */ .post { position: relative; } .post a.sharelink { top: 20px; /* Позиция сверху сообщения */ right: 1em; /* Позиция справа сообщения */ background: url(https://forumstatic.ru/files/0007/af/57/25552.png) no-repeat center; /* Картинка на иконку */ width: 16px; height: 16px; display: inline-block; position: absolute; border: 0!important; margin: 0!important; float: none!important; z-index: 5; text-indent: -9999px; text-decoration: none!important; border: none !important; outline: none; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; } .post:hover .sharelink { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } .post a.sharelink:hover::before { content: "Поделиться"; position: absolute; display: block; top: -3px; right: 24px; height: 14px; font-size: 90%; color: #fff; white-space: nowrap; line-height: 14px; font-style: normal; text-indent: 0px; z-index: 10; background: rgba(0, 0, 0, 0.7); padding: 4px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .post a.sharelink:hover::after { content: ''; display: block; position: absolute; top: 3px; right: 14px; border: 5px solid; border-color: transparent transparent transparent rgba(0, 0, 0, 0.7); }