How to solve the problem that there is an extra frame when displaying a picture in IE8 but not in Chrome or Firefox
This article mainly explains "how to solve the problem that there is an extra frame when displaying a picture under IE8 but not under Chrome or Firefox". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to solve the problem that there is an extra frame when displaying a picture in IE8 but not in Chrome or Firefox.
The code with compatibility problems is simple:
The code is as follows:
The style definition of logo:
The code is as follows:
# logo {
Margin-left:108px
Margin-top:3px
Display:inline-block
Float:left
}
The display effect is Chrome, FireFox, IE10 and above is no problem, but IE8 has an extra blue border (sometimes black).
To solve the problem, you only need to specify the border style of img, as follows:
The code is as follows:
Img {
Border-style:none
}
It is also compatible with other versions of browsers.
At this point, I believe you have a deeper understanding of "how to solve the problem of how to display a picture with an extra frame under IE8 but not under Chrome or Firefox". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!
