Подсказки CSS, отбелязва аматьорски уебмастър

Днес ние ще създадем пояснения относно CSS. Пояснения - това е това, което виждате, когато се преместите курсора, като линк, ако атрибутът заглавие съдържа описание.

Подсказка може да се използва за справка, както и за изображенията.

Необработеното като подсказка изглежда така:

Инструмент показва подсказка стандартната система с помощта на заглавието атрибут.
Стандарт Код връзки към подсказка без регистрация:

Подсказка CSS

Дайте подсказка клирънс може с CSS. Ние ще анализираме три варианта подсказка на CSS.

За съжаление, няма CSS- «рецепта» във връзка с регистрацията на собствеността, така че ще трябва да се добавят допълнителни атрибути, за да предписват за тях проектирането и ги добавете във код / ​​изображението, за което ние искаме да направим хубав CSS изскачащ подсказка.

В първия пример, ние правим CSS подсказка върху снимката най-долу.

За да направите това, ние ще използваме два признака: с изображения, както и да подсказка за работа, -. и след като данните текст за показване на текст за подсказка.

CSS стилове за този пример:

Референтен дизайн не е подходящ, затова ще използваме малко по-различни възможности за тях.
Първото изпълнение ще изведе подсказка върху връзката.

Позоваването на върха с помощта на кода:

И последният вариант - да покаже подсказка за справка. Вариант е подобен на предишния, само изход подсказка тук по-долу.

HTML-код за справка:

резултат:
Преместете мишката върху текста подсказка

Разгледахме три примера за изход CSS изскачащи подканящи. но това не е всичко от възможностите, така че може да се намери и използва това, което ще ви подхожда най-много на вашия сайт. На добър час!