Box Shadow

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Box Shadow

Δημοσίευση από dpa » 24 Σεπ 2011 13:05

Παιδιά έβαλα το παρακάτω css

Κώδικας: Επιλογή όλων

#panel3 {  
	border-top: 0px solid #999;
    width: 900px;  
    position: relative;  
    top: 1px;  
    height: 0px;  
    margin-left: auto;  
    margin-right: auto;  
    z-index: 10;  
    overflow: hidden;  
    text-align: left;  
	-moz-box-shadow:rgba(139,255,0,1) 0px 0px 50px;
	-webkit-box-shadow:rgba(139,255,0,1) 0px 0px 50px;
	-khtml-box-shadow:rgba(139,255,0,1) 0px 0px 50px;
	box-shadow:rgba(139,255,0,1) 0px 0px 50px;
	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#8bff00')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#8bff00');
	zoom: 1;

  }  

αλλά η σκιά σε IE8 δεν εμφανίζεται σωστά

γιατί ???

Το παραπάνω το βρήκα εδώ css-tricks.com/snippets/css/css-box-shadow/

Άβαταρ μέλους
c0d3punk
Honorary Member
Δημοσιεύσεις: 1076
Εγγραφή: 15 Σεπ 2008 22:32
Τοποθεσία: Puerto pollo
Επικοινωνία:

Box Shadow

Δημοσίευση από c0d3punk » 24 Σεπ 2011 15:19

όπως λένε και στα comments του tutorial δεν υποστηρίζεται από τις παλιότερες εκδόσεις του IE παρά μόνο από IE9.
like ants in a colony we do our share
but there's so many other f****' insects out there || Ανανεωμένα Παρτάλια || biZfind.gr

dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Box Shadow

Δημοσίευση από dpa » 24 Σεπ 2011 16:12

Και τι κάνουμε ???

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6235
Εγγραφή: 30 Νοέμ 2004 03:09

Box Shadow

Δημοσίευση από fafos » 24 Σεπ 2011 17:48

dpa έγραψε:Και τι κάνουμε ???
kala eimaste :lol:

apo ie 8 kai kato einai ligo dyskola ta pragmata.. mia lysh einai auth:

Κώδικας: Επιλογή όλων

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
.example
&#123;
	display&#58;block;
	background-color&#58;#0080ff;
	-moz-box-shadow&#58;0 0 50px #8bff00;
	-webkit-box-shadow&#58;0 0 50px #8bff00;
	box-shadow&#58;0 0 50px #8bff00;
	width&#58;90px;
	height&#58;90px;
	color&#58;#fff;
	position&#58;absolute;
	top&#58;25px;
	left&#58;25px;
	z-index&#58;99;
	padding&#58;5px;
&#125;

.ie-shadow
&#123;
	display&#58;none;
&#125;
</style>
<!--&#91;if lt IE 9&#93;>
<style type="text/css">
.ie-shadow
&#123;
	background-color&#58;#8bff00;
	display&#58;block;
	position&#58;absolute;
	top&#58;-50px;
	left&#58;-50px;
	z-index&#58;1;
	width&#58;50px;
	height&#58;50px;
	filter&#58;
   progid&#58;DXImageTransform.Microsoft.Shadow&#40;color=#8bff00, Direction=45, Strength=50&#41; 
	progid&#58;DXImageTransform.Microsoft.Shadow&#40;color=#8bff00, Direction=135, Strength=50&#41; 
	progid&#58;DXImageTransform.Microsoft.Shadow&#40;color=#8bff00, Direction=225, Strength=50&#41; 
	progid&#58;DXImageTransform.Microsoft.Shadow&#40;color=#8bff00, Direction=315, Strength=50&#41;;
	zoom&#58;1px;

</style>
<!&#91;endif&#93;-->
</head>
<body>
<div>
<div class="ie-shadow"></div>
<div class="example">Hello word</div>
</div>
</body>
</html>
alla den tha exeis idia skia me tous allous browser eno thelei kai arketa zygismata gia na to fereis sta isia tou..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Box Shadow

Δημοσίευση από dpa » 24 Σεπ 2011 18:58

Αν το κάνω με background image και transparent
??

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες