Button does not appear

Asked

Viewed 111 times

0

  
a {
color: #fff;
text-decoration: none;
background-color: #007bff;
padding: 10px;
display: block;
width: 250px;
border-radius: 4px;
-webkit-text-decoration-skip: objects;
	}
	a:hover{
		background-color: #0f58a7;
		text-decoration: none;
		color: #fff;
	}
 <a href='teste.com'><i class='fas fa-arrow-right'></i> PROSSEGUIR</a>

I have this button, it should appear like this: http://prntscr.com/n54rd9 But for some reason that I could not identify, the button does not appear to some people who access the page. Was there anything that could be done to identify why this happened? In every browser of people who have this problem, it never appears...so it should not be the browser blocking something.

php html css

  • 1º - Where is the CSS style code? Put the CSS code that formats the button so that we can see. 2º - The button does not appear to some people or appears to you and others not?

  • I just added CSS to the post. About the second parody, it appears to me and several other people, about 90%, but for some people it does not appear at all.

1 answer

1


What is probably happening is that you are using the SVG version of Fontawesome. Fontawesome has a web source version and a newer version that uses SVG. But if the user’s browser does not support SVG and the way the framework’s JS methods work the source does not appear... As you can see in the image below removed from the official website: https://fontawesome.com/start

The Webfont version is: https://use.fontawesome.com/releases/v5.8.1/css/all.css

The SVG version is: https://use.fontawesome.com/releases/v5.8.1/js/all.js

Confirm that you are using version . JS or . CSS

inserir a descrição da imagem aqui

List of Browsers Support
https://fontawesome.com/how-to-use/on-the-web/other-topics/browser-support

inserir a descrição da imagem aqui

  • I am using this version: http://prntscr.com/n58h9g (.css) In this version: v5.0.12 And the one you already sent is 5.8.1. Will upgrading to this 5.8.1 already solves?

  • 1

    @Rafaelmacedo unfortunately I think it will not solve, although I recommend yes that you upgrade to newer version! This update from v5.0 to v5.8, are some extra features and adjustments of some icons etc... As you already use the version . CSS FW, I can’t tell you exactly pq does not appear to some, besides it is clear the issue of Browser support as I said and you can see in the image. Another less likely reason is that these people for security reasons block access to href websites outside the domain or outside the white list...

  • 1

    Got it, but thanks anyway.

Browser other questions tagged php html css

You are not signed in. Login or sign up in order to post.