| Schrijver |
Bericht |
pieterd Forum Lid
222 posts |
# Geplaatst: 14 Feb 2010 20:58
hallo,
is het mogelijk om een link (of een ander element) niet te tonen in IE browsers ? Ik ken de ifIE-css-hack, maar het gaat niet om een stylesheet, maar om inhoud op de site.
dank
|
| |
|
Anywhy Forum Lid
1459 posts |
# Geplaatst: 14 Feb 2010 21:07
Bedoel je dit? http://www.leerwiki.nl/Hoe_kan_je_IE_of_Firefox_browser_detecteren_met_HTML (kijk vooral ff naar de code!)
Er staat namelijk ook bij:
"You're not using version 7".
Misschien dat iemand anders je vraag beter snapt, ik gebruik namelijk nooit echt 'hacks' of 'end-if' ;)
|
pieterd Forum Lid
222 posts |
# Geplaatst: 15 Feb 2010 02:04
ik bedoel dus NIET dit:
<!--[if IE]>stylesheetvoorie.css<![endif]-->
maar had graag in de BODY een stukje tekst niet weergegeven gezien als iemand de pagina met IE bekijkt. <!--[if IE]> mag niet in de body staan dacht ik zo.
|
Superkluns Forum Lid
736 posts |
# Geplaatst: 15 Feb 2010 02:08
naar mijn mening wel, anders zet je het in een divje met id 'IE' ofso, en dan alleen in IE een style erbij waarbij hij zichtbaar wordt.
|
Sebastiaan Franken Moderator
3847 posts |
# Geplaatst: 15 Feb 2010 02:21
Quoting: pieterd <!--[if IE]> mag niet in de body staan dacht ik zo.
Hoezo niet? Het is commentaar, dus mag gewoon in de body.
|
paladin Forum Lid
782 posts |
# Geplaatst: 15 Feb 2010 09:58 · Aangepast door: paladin
Hallo
Wat is er aan de hand ? Het lijkt wel 2000 met JavaScript browser sniffers, en al de ellende van dien.
http://www.html-site.nl/forum/2_22047_0.html
http://www.html-site.nl/forum/9_22134_0.html
sniff, sniff
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Filter Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html *{padding:0;margin:0;font-size:1em;}
html{font-size:75%;}
body{
background:#a2a2a2 url(../../_bgr/lc.jpg) right top repeat-y;
font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
margin:0 4em;
}
p a{color:#0000ff;}
div p{color:#eaeaea;}
a:hover{text-decoration:none;}
div,p{padding:.2em 0 .1em 0;}
* html * body .ft {background:#cccccc;} /* IE4 */
head+/* */body .ftf{background:#ffccff;} /* NS Moz (FF OP Saf Chr) not IE7 */
/* Firefox Cascade or power! */
@-moz-document url-prefix(){ head+body .ftf{background:transparent;} }
@-moz-document url-prefix(){ head+body .ftg{background:#ccff33;} }
/* Safari Cascade or power! */
@media screen and (-webkit-min-device-pixel-ratio:0) { head+body .ftf{background:transparent;} }
@media screen and (-webkit-min-device-pixel-ratio:0) { head+body .ftj{background:#999966;} }
/* Opera Cascade or power! */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ head~body .ftf{background:transparent;} }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ head~body .fth{background:#9900ff;} }
</style>
<!--[if IE]>
<style type="text/css">
/* IE 8 Cascade or power! */
head+/* */body .ftf{background:transparent;}
head+/* */body .fti{background:#ff0000;} /* IE8 */
* html .ftc{background=#ccffff!;} /* IE5.5 */
@media all{ * html b\ody .ftd {background:#ccffcc;}} /* IE 6 */
*:first-child+html .ftex{background:#ffffcc;} /* IE 7 old */
* html + body .fta {background:#ffcc00;} /* IE5 */
* html *body .ftb {background:#ffcc00;} /* IE5 */
+ html .fti {background:#ff0000;} /* IE5 */
* + html .fte{background:#ffffcc;} /* IE 7 */
</style>
<![endif]-->
</head>
<body>
<p><a href="../../index.htm" accesskey="z" title="back to mainpage">back</a></p>
<div class="ft">IE 4 (gray)</div>
<div class="fta">IE 5 (orange)</div>
<div class="ftb">IE 5 (orange)</div>
<div class="ftc">IE 5.5 (blue) main filter * html</div>
<div class="ftd">IE 6 (green)</div>
<div class="fte">IE 7 (yellow)</div>
<div class="fti">IE 8 (red)</div>
<div class="ftf">NS Moz (FF OP Saf Chr)(pink) main IE filter head+body</div>
<div class="ftg">FF (green)</div>
<div class="fth">OP (purple)</div><!-- -->
<div class="ftj">Saf Chr (olive)</div><!-- -->
<!--<div class="ftk"></div> -->
<p><br /></p>
<div class="ft fta ftb ftc ftd fte ftg fth fti ftf ftj ftk">Check</div>
<div>
<p>
IE 4 OK ? check not working<br />
IE 5 OK (last in style sheet)<br />
IE 5.5 OK <br />
IE 6 OK<br />
IE 7 OK<br />
IE 8 OK 25-01-2010<br />
FF NS Moz OK?<br />
FF OK 01-02-2010<br />
OP OK 01-02-2010<br />
Saf Chr OK 02-01-2010<br />
</p>
</div>
</body>
</html>
|
pieterd Forum Lid
222 posts |
# Geplaatst: 15 Feb 2010 15:52 · Aangepast door: pieterd
ok merci paladin, dat had ik nodig.
misschien kan je ook helpen met deze:
<a href="http://www.html-site.nl/forum/3_22184_0.html" rel="external">link</a>
|