div::before {
content: url ("a.png");
display: block;
width: 100px;
height: 100px;
object-fit: fill;
}
pseudo element cannot set the size to show its inherent size is that its default attribute is boject-fit: none?.
if not, why can"t it be set?
if so, then I have already set up object-fit: fill. Why can"t I set it yet?
object-fit is the style of img . Although pseudo elements can be used to set pictures, they are not img
you can use the background picture, and then use background-size:cover
div::before{
content: '';
display: block;
width: 100px;
height: 100px;
background:url('a.png')
background-size:cover;
}want to explain how to make table different colors? is not different. is . <table> <tr> <td width="100">a< td> <td><a>< td> < tr> <tr> ...
<template> <div style="height: 100%;"> <mt-header title=""> <mt-button icon="back" slot="left" v-tap="{methods: switchView, view: Post }">< mt-button> &l...
is flex compatible with ie9 when using postcss? ...
does the use of font-family in the pc page css cause font infringement ...
< H1 > problem description < H1 > while writing transition animation, I inadvertently found that sometimes the page would jam, and the Chrome memory of the viewing task manager suddenly soared. After various exclusions, I found that transform:skew (9...
for example, can there be a gray between payment and order price , but if this gray line is not all , then it is about 80% and then put it in the middle . Can this be done ? Update every line is only 80% . ...
ios11 system, Wechat and browser are not good, animation cannot be paused at the beginning, and no problems are found in computer or qq <div className="c-Random-started" onClick={this.randomVisible} style={this.state.clickonthe...
AnimationPlayState: paused fails on ios, so I m going to abandon it. I see a divine solution https: codepen.io HaoyCn pen., but I don t know how to write it on react, ask for advice! <div style={this.props.clickonthe ? { AnimationPlayS...
https: fonts.google.com spec.:400,500,500i,700 https: fonts.google.com specimen Ubuntu?selection.family=Ubuntu:400,500,500i,700 I choose Ubuntu and then I check regular 400 and I introduce it to the web site and write it like this . font-family: ...
first of all, in my understanding of the 1px frame, the reason for this problem is that in some high-definition screens, one css pixel corresponds to multiple physical pixels, which makes it look thicker when the frame is set to 1px. For example, for tw...
figure 1 shows the effect of modifying the scroll bar style code in figure 2 , but you can see that there is still a color area on the left that is the default width of the scroll bar excuse me, how to cancel this part ...
is usually the first time to visit the page, or after cleaning up the browser data, there will be a problem, there will be no problem after refreshing (click events can be used..), the path is nothing. The 50kb of the css file is about large, but the fi...
as the title, the pc page is based on the 1920 design draft. Now it is found that the font is very large under the low split screen such as 1366. How to solve this problem? .. you don t need to adapt to the mobile end, you just need to look better on ...
.saveresult { font-size: 13px; position: fixed; box-shadow:0 0 5px 3px rgba(0,0,0,.09); background-color: rgba(0,0,0,.1); border-radius: 20px; padding: 10px; width: 300px; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-...
want to find an example of a list click on a list of Tibetan dishes that can click on the right button to appear to the left and then go back to the right when you take it back I don t know what keywords to use to check what is the name of this tec...
in the figure, the landing box is fixed relative to the vertical and horizontal center of the screen fix, and the width and height is a fixed value. is the same size as the blueprint on 1920-1080, but it becomes very large on the 13-inch screen of m...
<button class="add_tab_v2" onclick="location.href= xxx.php ;">< button> $(".add_tab_v2").click(function(e) { $(".add_tab_v2").html("<img class= iconBack src= images loading_v2.svg >...
in the html document, there are some div that need to be set position= relative . Today, you need to add a pop-up box. The implementation code is as follows: <div class="dialog-wrap" style="width: 400px;"> <!-- ...
as shown in the following picture, it s not round at all. Please help me to see if there is something wrong with my code html <div class="box">< div> css .box{ position: relative; width: 300px; height: 140px; ...
suddenly found that the element official website here with the mouse slide picture will change slightly is very interesting, but suffering from css learning skills is not good, can anyone post this related implementation of a program code to facilitate l...