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
Awesome, thanks Remi!
I read body *:not(.toolbar) as anything in the body that is not of the
toolbar class and knew that that is what I had to overcome. I tried body
*:not(.toolbar,.cornerImage) to no avail (I didn't bother to check CSS3
docs, I just gave it a shot.) I hadn't thought to not
Working solution (big thanks to Remi!)
style
#cornerImage {
display: block;
position: fixed;
top: auto;
bottom: 0px;
left: auto;
right: 0px;
width: 100px;
min-height: 60px;
}
/style
img id=cornerImage src=cornerImage.png
In iUI, all of the CSS declarations shown are
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
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