62,268
社区成员
发帖
与我相关
我的任务
分享.NET在IE6情况下调用不到页面的两个样式，其他浏览器没事，求解，代码粘贴出来
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>
<%@ Register TagPrefix="UserControl" TagName="login" Src="~/include/login.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>易佳养生网首页</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/home.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu
{
width: 940px;
margin: 0;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul
{
padding: 0;
margin: 0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li
{
float: left;
position: relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited
{
display: block;
text-align: center;
text-decoration: none;
width: 94px;
height: 43px;
margin-right: 35px;
color: #fff;
line-height: 43px;
font-size: 16px;
font-weight: bold;
}
/* make the dropdown ul invisible */
.menu ul li ul
{
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a
{
color: #000;
background: url(images/nava.jpg) no-repeat;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul
{
display: block;
position: absolute;
top: 35px;
left: 0;
width: 94px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a
{
display: block;
background: #fff;
color: #000;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover
{
color: red;
}
.liheight
{
height: 28px;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */
/* Get rid of any default table style */
table {
border-collapse:collapse;
margin:0;
padding:0;
}
/* ignore the link used by 'other browsers' */
.menu ul li a.hide, .menu ul li a:visited.hide {
display:none;
}
/* set the background and foreground color of the main menu link on hover */
.menu ul li a:hover {
color:#000;
background: url(images/nava.jpg) no-repeat;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li a:hover ul {
display:block;
position:absolute;
top:35px;
left:0;
width:94px;
}
/* style the background and foreground color of the submenu links */
.menu ul li a:hover ul li a {
background:#fff;
color:#000;
}
/* style the background and forground colors of the links on hover */
.menu ul li a:hover ul li a:hover {
color:red;
}
</style>
<![endif]-->
<script src="js/switch.js" type="text/javascript"></script>
</head>
<body>
home.css
@charset "utf-8";
/* CSS Document */
#header{ width:950px; margin:0 auto;}...
base.css
/* CSS Document */
body,img,ul,li,h1,h2,h3,h4,h5,h6,from,dl,dd,p,input,table,tr,td {
margin:0;
padding:0;
}...
<%@ Register TagPrefix="UserControl" TagName="login" Src="~/include/login.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>易佳养生网首页</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/home.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu
{
width: 940px;
margin: 0;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul
{
padding: 0;
margin: 0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li
{
float: left;
position: relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited
{
display: block;
text-align: center;
text-decoration: none;
width: 94px;
height: 43px;
margin-right: 35px;
color: #fff;
line-height: 43px;
font-size: 16px;
font-weight: bold;
}
/* make the dropdown ul invisible */
.menu ul li ul
{
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a
{
color: #000;
background: url(images/nava.jpg) no-repeat;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul
{
display: block;
position: absolute;
top: 35px;
left: 0;
width: 94px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a
{
display: block;
background: #fff;
color: #000;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover
{
color: red;
}
.liheight
{
height: 28px;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */
/* Get rid of any default table style */
table {
border-collapse:collapse;
margin:0;
padding:0;
}
/* ignore the link used by 'other browsers' */
.menu ul li a.hide, .menu ul li a:visited.hide {
display:none;
}
/* set the background and foreground color of the main menu link on hover */
.menu ul li a:hover {
color:#000;
background: url(images/nava.jpg) no-repeat;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li a:hover ul {
display:block;
position:absolute;
top:35px;
left:0;
width:94px;
}
/* style the background and foreground color of the submenu links */
.menu ul li a:hover ul li a {
background:#fff;
color:#000;
}
/* style the background and forground colors of the links on hover */
.menu ul li a:hover ul li a:hover {
color:red;
}
</style>
<![endif]-->
<script src="js/switch.js" type="text/javascript"></script>
</head>
<body>
home.css
@charset "utf-8";
/* CSS Document */
#header{ width:950px; margin:0 auto;}...
base.css
/* CSS Document */
body,img,ul,li,h1,h2,h3,h4,h5,h6,from,dl,dd,p,input,table,tr,td {
margin:0;
padding:0;
}...
...全文
请发表友善的回复…
发表回复
