8. Flexible Selections. (Behaving strangely)


#1

Why does it only fade away the red dots?


#2

@codewhiz09204,
Could you display your HTML code....


#3

Nothing wrong with it?


#4

@codewhiz09204
and now the CSS file....


#5

Nothing wrong with it?


#6

Ii's fading away both red and pink. Everything is as it should be.

first dot : red - <div class =red></div> this div is the round red circle.
2nd dot: orange...........<div></div> the orange circle.
3rd dot : pink..........<div class =pink></div> this div is the round pink circle.
4th: orange......<div></div> the orange circle

Each div is a circle.

#7

@codewhiz09204,
Try to use
fadeTo("slow",0.5)
so that you can see which DIV's where influenced....

Here some article's on opacity
fadeTo in jQuery Introduction 11/13 set opacity to 1
http://www.codecademy.com/forum_questions/5418564b80ff337b7200401c


opacity not recognized by browser
http://stackoverflow.com/questions/7548833/ios-css-opacity-visibility-transition
http://stackoverflow.com/questions/637921/opacity-of-background-color-but-not-the-text?rq=1
fontsize NOT recognised, by browser


#8

hey I don't know why but you have to use " instead ' :
$(".pink, .red").fadeTo("slow", 0);


#9

@codewhiz09204 if you notice well on the screen with dots, the 2nd dot is pink :slight_smile: so it works ok.


#10

I think it must be a bug, I have the required code, it passes the lesson but comes up with an error, and in the preview window it only hides the "red" ones.


#11