In fact, there are many style applications for a in CSS, because the tag is the only tag that can trigger the action by default, therefore, in many cases, CSS can be used to control the effect that a can achieve Js. For example, the CSS to be introduced today is similar to the title and ALT prompts:
First, let's take a look at the characteristics of this effect. It is nothing more than a prompt layer containing the introduction text when you hover your mouse over it. If you use traditional JavaScript to implement this, we need to set the onmouseover and onmouseout attributes of the object. If we regard the object as link and hover in the attribute, this problem will be clearer, because you only need to set the link attribute of the object to the hidden prompt layer and the hover attribute to the display prompt layer, where is the position of the prompt layer? Of course, it is in the middle of the tag. Currently, the common method is to place the prompt content in the middle of the span tag and include it in the tag, and then set a: link and: different span styles under hover.
The following code is used to explain the simple principle:
[Copy to clipboard]
Code:
<Style>Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
