<div class="bookmark" style='top: 35%; position: fixed; left: 6%;'>
<div id='pageshare' title="Get this from amazingeworld.com">
<div class='shareaholic-canvas' data-app='share_buttons' data-app-id='10714211'></div>
</div></div>
Вот изображение:Плавающие Социальные медиа внахлест на Blogger
Плавающий Social Media накладываются друг на друга в колонтитул секции. пожалуйста, проверьте изображение выше
В качестве быстрого решения вы можете установить style='top: 35%; на что-то более низкое, но будьте осторожны, что это не обязательно будет выглядеть красиво на всех размерах экрана.
Возможно, вам придется придумать другое решение для этих особых случаев, например. использование css media queries.
Вы должны изменить:
<div class="bookmark" style='top: 35%; position: fixed; left: 6%;'>
в
<div class="bookmark" style='bottom: 20px; position: fixed; left: 6%;'>
Вы можете remplace "20px" высота футера.
Совет: если у вас есть доступ к файлу CSS, вам следует избегать использования встроенного CSS и установить стиль, в котором он должен быть: во внешней таблице стилей.
его ухудшение :(там есть код для изменения плавающей социальной медиа-блок, подобный этому блогу smashingtips.com/wildlife-photograph-tips его плавающий внутри статьи, а не перекрытие, аналогичная кнопка следует за всем, что я прокручиваю до конца статьи. – user2836892
@ user2836892 Что значит ухудшаться? вопрос, пожалуйста? –
Как плавающие виджеты на этом сайте smashingtips.com/wildlife-photograph-tips, он не будет перекрываться – user2836892
Есть ли код для изменения, чтобы плавающий блок социальных сетей, подобный этому блогу http://smashingtips.com/wildlife-photograph-tips его плавающий внутри статьи, а не наложение, подобная кнопка следует за всем, что я просматриваю до конец статьи. – user2836892
уверен, что есть ... посмотрите в сеть, и если вы что-то найдете, попробуйте, тогда, если вы застряли с ней по какой-то причине, вы можете вернуться и задать другой вопрос ... тем временем, вы можете проголосовать за один (или более) из этих ответов или принять его как правильный, если он решит вашу проблему ... (большой серый галочкой) – webeno