resolved
this is the navigation switch
< style >
ul{
width:500px;background:-sharpccc;
height:50px;
}
li{
width:120px;height:30px;background:-sharpd7d7d7;float:left;list-style:none;text-align:center;line-height:30px;
position: relative;
}
li:nth-child(odd){
background:-sharp595857;
}
li:nth-child(even){
background:-sharp707070;
}
li:nth-child(odd)::before{
content:'';
display:inline-block;
position:absolute;
left:0;
border-width: 15px;
border-style: solid;
border-color: -sharp595857 -sharp595857 transparent transparent ;
}
li:nth-child(odd)::after{
content:'';
display:inline-block;
position:absolute;
right:-30px;
border-width: 15px;
z-index:2;
border-style: solid;
border-color: transparent transparent -sharp595857 -sharp595857 ;
}
li:nth-child(even)::before{
content:'';
display:inline-block;
position:absolute;
left:0;
border-width: 15px;
border-style: solid;
border-color: -sharp707070 -sharp707070 transparent transparent ;
}
li:nth-child(even)::after{
content:'';
display:inline-block;
position:absolute;
right:-30px;
border-width: 15px;
z-index:2;
border-style: solid;
border-color: transparent transparent -sharp707070 -sharp707070;
}
.active{
background:-sharpfff !important;
}
.active::before{
content:'';
display:inline-block;
position:absolute;
left:0;
z-index:2;
border-style: solid !important;
border-color: -sharpfff !important;
}
.active::after{
content:'';
display:inline-block;
position:absolute;
right:-30px;
border-color: transparent transparent -sharpfff -sharpfff !important;
}< / style >
Previous: A scroll bar appears at the top of the table table of element in vue.
Next: Visit the notepad of iCloud under windows10+chrome70. Why is the text rendered so comfortably?
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...
shouldn t vue use vue-router? Why can it only be put into devDependencies (development dependency)? ...
o ...
the onclick (), that clicks the arrow wants to call oil.prototype.createChart=function (oilRealtable,objId,meteId) {}, Please let me know ...
@ media only screen and (min-width:320px) {html {font-size:12px;}} @ media only screen and (min-width:375px) {html {font-size:13px;}} @ media only screen and (min-width:412px) {html {font-size:14px;}} htmlrem1rembodypagepage1rem1rem16px1rem ...
I am now doing a page, the background picture is randomly obtained from a picture library, some colors are darker, some colors are lighter, I want to use js to automatically judge, when the picture color is dark, set the font color to white, when the pic...
I use electron to package my parking program. linuxwindowscpu windows ...
now you need to make a front-end page for ipad pro2. Ui gave the design drawing 2732 to 2048. Should my page be set to the same size ?...
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% . ...
would you please quote jquery.js, to run the code? it s OK on Xiaomi phone. There are obvious stutters on Huawei Meizu and vivo, iphoneSE can, and iphone6s have obvious stutters. There must be this kind of problem in some untested models. I don t know...
Let the boss take a look. What I want to ask is, can I set the default style of the damaged image when img is empty? ...
although there is no pc page written on the mobile phone page, why is there so much blank space? there is nothing . https: mamba-working.github. preview address is here ...
Please tell me why chrome debugging js file breakpoint, then why walk to other js files inside? how to avoid this? ...
if you need to use ant design mobile as a mobile Wechat web page, you can access all pages through a app.js . How to set up title for each page? is the font in this frame adaptive? If I set myself to px , is it still adaptive? And do you use px ...
when I use position:fixed in the head, I operate the page drop-down in the web page. The head is fixed and does not follow the page drop-down. Android will not, but iOS will. Have you ever encountered this is the time of drop-down ...
as shown in the figure, add a click event to the three microphone buttons on the right. Previously, you can add a click event to each button, but now you want to add it in the way of event delegation, how to achieve it? The code is as follows: <...
superagent .get( http: passport.chinahr.com ajax m existLoginName ) .query( input + "=" + 15800000000) .end(function (err, response) { console.log( , response.body, err) }); request .get( http: passport.chinah...
in using ant design mobile, you need to use the kind of Select component in antd, but it is not in ant design mobile. What should I do ...
I follow the demo code provided by i18next const i18next = require( i18next ); const i18m = require( koa-i18next-middleware ); add custom detector. i18m.LanguageDetector.addDetector({ name: mySessionDetector , lookup(ctx, options)...