Tag：translucent
-
Time：2021-8-1
Requirements summary If we want to write a component with an effect similar to pop-up box, first briefly analyze several characteristics of pop-up box: The pop-up box must be at the top of the current page, and other controls cannot click, focus, etc. until the pop-up box is closed. In order to better highlight the […]
-
Time：2021-6-24
Mac users like to use command + H to hide the program window instead of minimizing it. However, the program with hidden window and the program without hidden window are displayed the same on the dock, which makes users feel a little annoyed. But don’t worry, now Xiaobian will teach you a simple distinguishing skill. […]
-
Time：2021-4-29
preface As shown in the figure below: the status bar refers to the position where the mobile phone status information is displayed on the top of the Android mobile phone.Android has added the transparent status bar function since 4.4. The color background of the status bar can be customized to integrate the titlebar with the […]
-
Time：2020-11-21
Yesterday, my friend said that we should achieve an effect,Gets the container where the mouse is located, and the translucency is masked outside the region, namedFocus mode。 Let’s do it today. requirement analysis Gets the location of the mouse and the container the mouse belongs to.mouseover，mouseout，mousedown，mouseup，mouseenter，mouseleave，mousemoveSo many events are too easy. However, because there are […]
-
Time：2020-11-13
Requirements summary If we want to write a component with the effect similar to pop-up box, we first briefly analyze several features of pop-up box: The pop-up box must be at the top of the current page, and no other control can click, focus, etc. until the pop-up box is closed. In order to better […]
-
Time：2020-11-12
I wanted to set the whole layer as translucent, but it didn’t work. Later, I found that the solution was very poor layer:setCascadeOpacityEnabled(true) layer:setOpacity(255 * 0.4) I don’t understand. Why doesn’t the official set cascade opacityenabled to true by default? Isn’t it pure cheating? It’s not mentioned in the document that you can’t find it […]
-
Time：2020-9-9
PC terminal Mobile terminal code <!DOCTYPE html> <html> <head> < title > left navigation <meta charset=”utf-8″> <script></script> <meta name=”viewport” content=”width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover”> <style> *{ margin:0; padding:0; } #header{ width: 100%; height: 60px; background: #fff; position: fixed; top: 0; } #header .dh_btn{ width: 60px; height: 60px; background: #f00; float: left; cursor: pointer; line-height: 60px; text-align: center; } #header […]
-
Time：2020-9-6
IOS has a kind of animation, although simple to use, but can achieve many interesting effects, that is mask animation. If you don’t know about mask animation, you can learn it after reading this series of articles. If you have already used it, this article can help you sort it out and make it more […]
-
Time：2020-1-19
Copy code The code is as follows: <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″> < title > Top fixation < / Title ><style type=”text/css”> html,body {overflow:hidden;margin:0px;width:100%;height:100%;} .virtual_body {width:100%;height:100%;overflow-y:scroll;overflow-x:auto;} .fixed_div {position:absolute;z-index:2008;top:0px;left:0px;right:16px;height:40px;background:#CCCCCC;border-bottom:3px inset;border-color:#006699; //bottom:20px; //border:1px solid red; //border-style:inset; //Translucent effect making//filter:alpha(opacity=50); //-moz-opacity:0.5; //opacity:0.5; //background:#666666; } </style> </head> <body> < div […]
-
Time：2019-3-31
Question. Question In the mobile mall system, we often see a search box at the top of the page, which bloggers prefer is fixed at the top of the page, semi-transparent suspension, can vaguely see the form of part of the rotation map. To make such a search box, the key technology is: Fixed Search […]
