Search the Community
Showing results for tags 'explorer'.
Found 2 results
-
Hello all, I am not sure if this is the right place to put this, but I am working on a template that uses png images for navigation icons. The backgrounds are set to transparent. All works fine in Chrome. When I view it in Internet Explorer my images look thicker/bolder and messy. How can this be fixed? Sorry I cannot link to a webpage as I am designing this on my localhost. *********************************************SOLVED********************************************* After looking around I found a solution. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ I thought I would share it in case someone comes across my question and needs an answer.
-
my menu dont work in internet explorer CSS /* /// NAVIGATION & DROPDOWN /// */ nav ul li { display: inline-block; } li { list-style-type: none; } nav li:hover { position: relative; } nav li a { color: #666; text-decoration: none; padding-right: 25px; display: block; font-size: 18px; } nav li ul { background-color: #F9F9F9; border: 1px solid #EEE; margin-top: 0px; display: none; padding: 15px 0px 0px 0px; } nav li:hover ul { display: block; position: absolute; } nav li ul li a, #nav li ul li a:hover { color: #000; width: 230px; padding-left: 15px; } nav li ul li a:hover { text-decoration: none; } HTML <nav> <ul> <li class="active"><a href="<?php echo $url; ?>">HOME</a></li> <li><a href="#">LINK</a></li> <li><a href="#">TEST</a> <ul> <li><a href="#">LINK1</a></li> <li><a href="#">LINK2</a></li> <li><a href="#">LINK3</a></li> </li> </ul> </li> <li><a href="#">TEST AGAIN</a> <ul> <li><a href="#">LINK1</a></li> <li><a href="#">LINK2</a></li> <li><a href="#">LINK3</a></li> </ul> </li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li>[/b] [b] </ul> </nav>
