html - pseudo element css tooltip not working in ie10 -

-

My website is using CSS to show tooltips. I use pseudo classes to get tooltip functionality in CSS I am here. The following is the CSS code. 

  .tooltip {display: inline; Status: Relative; } .tooltip: Hover: after {background: # 333; Background: RGBA (0,0,0,1); MS-Filters: "ProgID: DXImageTransform.Microsoft.Alpha (Opacity = 0)"; Boundary-radius: 3px; Top: -11px; Color: #fff; Content: Atri (text); Correct: 25px; Padding: 5px 15px 5px 15px; Status: Completed; Z-index: 1000; Width: Auto; Height: auto; } .tooltip: hover: before {border style: solid; Border color: transparent # 333 transparent # 333; Threshold Width: 6px 0px 6px 6px; Top: -5px; material: ""; Correct: 20px; Status: Completed; Z-index: 1000; }   
 and the following HTML code is  
    
 This code is working correctly in 9 or 11, Firefox, Chrome and Safari. But it is not working in IE10 Please suggest where I need to find a solution I tried to change the DOCTYPE but it is not a help.   
 
 
 Here is a tooltip solution for IE5 +, and not to mention other browsers and platforms after this Will be ..: p  
    
 css  
  #div_toolTip {margin: 100px; } .tooltip {status: relative; / * Anchor * related to spin / text-decoration: none; / * No underlined * / cursor: indicator; / * Make cursor dot *.}. Tollipot Span {/ * Tooltip Main Body * / Status: Absolute; / * AP it * / bottom: 66px; / * Fade In / Out RA * / left: 50%; / * Center tool tool / margin-left: -72px; / * Center tool tool / width: 130px; / * Bottom width * / Opacity: 0; / Wrap the tool in modern browsers * / visibility: hidden; / * Wrap tools in IE * / padding: 10px 5px; / * Padding * / color: #fff; / * Text color * / font: bold 75% / 1.5 aerial, helvetica, non-serif; / * Font * / text-line: center; / * Center text * / pointer-events: none; / * An unexpected tooltip popup / / border-radius for modern browsers: 6px; / * Round corners * / text-shadow: 1 px 1 px 2 px rgba (0, 0, 0, 0.6); / * Text Shadow * / Background: RGB (46, 182, 238); / * IE 6/7/8 * / Background: RGBA (46, 182, 238, .8); / * Modern Browser * / Border: 2px solid RGB (255, 255, 255); / * IE 6/7/8 * / border: 2 px solid RGBA (255, 255, 255, .8); / * Modern browsers * / Box-Shadow: 0 pixels 2 pixels 4px RGBA (0, 0, 0, 0.5); / * Shadow * / -Wbkit-Infection: Easy-to-end all in 0.3; / * Atom Tooltip * / - Mosa-Transition: All 0.3 S-in-Out; / * Atom Tooltip * / -O Transition: All 0.3 S-In-Out; / Atom tooltip * / -Mess-transition: all 0.3 s-in-out; / Atom tooltip * / transition: all 0.3 s-in-out; / Atom Tooltip * /} .tooltip span.dif {/ * Separate width tooltip * / width: 190px; / * Width * / margin-left: -102px; / * Center this * Tollitip duration: first, .tooltip duration: after {/ * down triangle - white border * / material: ''; Add / * html content * / status: absolute; / * AP bottom triangle * / bottom: -13px; / * Position triangle * / left: 50%; / * Center down triangle * / margin-left: -12 pixel; / * Center bottom triangle * / border-left: 12px solid transparent; / * Build triangle bottom / border-right: 12px solid transparent; / * Build down triangle * / border-top: 12px solid RGB (255, 255, 255); / * Build down triangle IE6 / 7/8 * / border-top: 12px solid RGBA (255, 255, 255, .8); / * Build down triangle modern browsers *.}. TollTip span: after {/ top triangle - blue background * / bottom: -10px; / * Position top triangle * / margin-left: -10 pixel; / * Center top triangle * / border width: 10px; / * Build top triangle * / border-top: 10px solid RGB (46, 182, 238); / * Build top triangle IE6 / 7/8 * / border-top: 10px solid RGBA (46, 182, 238, .8); / * Create top triangles with modern browsers.}. Tollipip: Hover span {/ * Tooltip Shows / / Opacity: 1; / * Open tools in modern browsers * / bottom: 44px; / * Fade In / Out End * / Visibility: Visible; / * Open Tool in IE * /} TollTip Span: Hover (Visibility: Hidden; Hide tooltip while running via link in IEEE / Media @ screen and (min-device-width: 320px) and (max-device-width: 768 px) {tooltip span {display: none; } .tooltip: hover span {display: block; }} / * IPad & amp; IPhone simulation: hover * /

Comments

Post a Comment

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

-
Image
I have a requirement whenever I run my own kettle, dynamically took database connection parameters from an excel source Every run should go. I have an Excel column names: hostname, username, database, password. I want to pass these connection parameters to my table input stage dynamically whenever it runs the job. This is what I was trying to do. You can get it Connection parameters from the DB reading source (for example Excel or a CSV file in my example) < / Li> Store the parameters in the variable Using the variable in your connection's settings. Setting Variables Create another conversion for (you can not do it in the same conversion Uses): set variables element variable: The element that reads / writes your data creates a new connection and sets the connection parameter using $ {variable name_} Note that you will need to type in the field field in the field $ {password} Also keep in mind that this can be a security problem as the
Read more

multithreading - PhantomJS-Node in a for Loop -

-
I am trying to implement a screen-scraps application that opens a URL in which a parameter changes as it is for a loop: var data = [ '100', '101', '102', '103', '104']; (Var indexA = 0; indexA & lt; data.length; indexA ++) for {Phantom Generation ({'port': freeport}, function (pH) {ph.create page (function (page) {page.open ("http: //...++ data [index B] +" ... " , Status {console.log ("open site:" + data [index B], position); / * OLD * / indexB ++; page evaluation (function () {// page scrape and an object Return}, function {console.log (result.dataRequest); // here is the problem}); / * new and fixed * / indexB ++} first console Logs it: Open Site: 100 Success Opens Site: 101 Success B Ola Site: 102 Success Opening Site: 103 Success Opened Site: 104 Success Which is good. Data is verified in scrap HTML and from index to array Matches. So in page 101 I scrap '101 and retrieve' and pu
Read more

c++ - MATLAB .m file to .mex file using Matlab Compiler -

-
I know that it can speak as a very famous topic, but something that helps me with it Not found This scenario is: I have my functions function, no matter what's inside, it's a generic function that may depend on other toolboxes. Does. Has input and output; I want to generate the same myFun.mex function; : Lib myFun This way I get some new files: libmyfun.c libmyfun.dll Libmyfun.exp libmyfun.exports libmyfun .h libmyfun.lib Reading around and I think that Creating a myfun.cpp that is very famous is included: / * gateway function * / zero max function (ent NLHS, MXARRA * PLS [], int NRHS, CONST M Xeray * PHS []) Here is the Variable Deals * / / * code here * /} I have tried to do this and are called Regular of Max Generation: Max ('- v', 'myfun.cpp') But I get many errors, and I should say that my myfun.cpp copy / Paste Function is where I have a lot of doubts ... especially on input / output management. My q
Read more