> body > *:not(.toolbar)
This CSS code targets all body childnodes (aka divs, forms, ul, …) without the .toolbar class set. Which means all screens. They are all hidden by default, and the attribute selected=true tells iUI which one should be displayed. That's why if you add your #cornerImage div to the body, it will be hidden, position absolute, top 0, left 0, width 100%, z-index 1. The reason of my !important test… which seems to fail :) You might give this a look :) http://codepen.io/anon/pen/fIKpw Remi Le 23 janv. 2013 à 01:06, "Jeff (iUI Noob)" <[email protected]> a écrit : > Sorry, let me clarify... > This code works fine on my sites such as FJRRally.com/CFR when displayed on > iOS 5 and 6 devices. Of course, the image is quite small as the site is not a > mobile site (I was thinking of making an iUI version of the site.) It does > exhibit some interesting behaviour when zooming though. > > In my iUI code, the image is not displayed at all (that I can see.) > I've tried adding adding a display: block; !important to .cornerImage with no > effect. Changing this class selector to an id selector does show the image, > but in the 0%,0% position in the main div. > I have also been experimenting with a Border-Image in the body > > *:not(.toolbar) CSS and, apparently, these 2 things do not work well together. > > I'll play with it further, Thanks Remi! > > On Tuesday, January 22, 2013 3:55:49 PM UTC-7, Remi Grumeau wrote: > Well … what do you mean by "this code does not work" ? > Image does not display or it does not show at the position you want? > > Absolute position is always tricky on mobile screens, note that position: > fixed is supported in iOS since iOS5 only. > It also works pretty bad on Android until 2.3. > > But if it does not show at all, then you might add a display: block!important > to #cornerImage. > > > Le 22 janv. 2013 à 22:48, "Jeff (iUI Noob)" <[email protected]> a écrit : > >> Ok, I've been sucked in! I can't seem to stop playing with iUI. To date, I >> have just built little personal webApps, but maybe one day I'll produce >> something useful with it. >> >> So... I like to put a little image in my websites that is fixed in the >> bottom right corner of the screen. The code I use is: >> >> [code] >> <!-- Include Corner Image --> >> <style type="text/css"> #cornerImage {position: >> fixed;_position:absolute;bottom:0px;right:0px;} </style> >> <div id="cornerImage" class="cornerImage"> <img src="CornerImage.png" alt="" >> border="0"> </div> >> [/code] >> >> This code does not work in iUI. I suspected that this would be the case due >> to the way iUI handles DIVs, but I'm not sure where to start to work around >> it. >> Any thoughts? >> >> -- >> You received this message because you are subscribed to the Google Groups >> "iPhoneWebDev" group. >> To post to this group, send email to [email protected]. >> To unsubscribe from this group, send email to >> [email protected]. >> Visit this group at http://groups.google.com/group/iphonewebdev?hl=en. >> >> > > > -- > You received this message because you are subscribed to the Google Groups > "iPhoneWebDev" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > Visit this group at http://groups.google.com/group/iphonewebdev?hl=en. > > -- You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. Visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
