zoukankan      html  css  js  c++  java
  • 对于top.ascx里面可以不可以放置css的文件进行一个讲解

    今天遇到一个这样的问题就是把网站上面的flash做的导航栏和图片动画替换成html+css的代码,然而asp.net里面的页面又是xx.ascx的文件夹,当时我就晕了不知道改如何去下手,我就把里面的css链接方式

    和普通的链接方式一样放置的到xx.ascx里面一样,到服务器上面运行了一下不可以css的样式效果没有出现<link href="./css/banner.css" rel="stylesheet" type="text/css" />,我在怀疑这样做的是不是有问题阿

    就是问了好多的人他们都说可以但是他们都说不知道怎么做,然而我就把css里面的代码直接的复制到xx.ascx里面运行了一个就可以了。

    <%@ Register assembly="Controls" namespace="Controls" tagprefix="cc1" %> <style  type="text/css"> * {margin: 0px;padding: 0px;} body {text-align: center;font-size: 13px;margin-right: auto;margin-left: auto;background-repeat: repeat; background-color: #FFFFFF; } /*box*/         .box { 100%;background-color: #FFFFFF;margin-right: auto;margin-left: auto;text-align: center;font-family: Arial, Helvetica, sans-serif,;} .main{ 100%; height:374px; float:left;} /* CSS Document */

    .banner {  background-color: #303030;  float: left;  height: 40px;   100%; } .banner_m {  height: 40px;   1000px;  margin-right: auto;  margin-left: auto; } .banner_1 {  height: 40px;   1000px;  float:left; } .huantu {  float: left;   100%;  height: 332px; }

    #navigation, #navigation li ul { list-style-type:none; z-index:1000;} #navigation li { float:left; text-align:center; position:relative;z-index:1000; } #navigation li a:link, #navigation li a:visited { display:block; text-decoration:none; color:#fff; 82px; height:38px; line-height:38px; border:1px solid #fff; border-1px 1px 0 0; background:#255f9e; padding-left:10px; z-index:1000;} #navigation li a:hover { color:#fff; background:#ffb100; z-index:1000; } #navigation li ul li a:hover { color:#fff; background:#ffb100;z-index:1000;} #navigation li ul { display:none; position:absolute; top:38px;margin-top:1px; font-size:12px;z-index:1000;} img{  border:0 none; } .photo{ 1900px; height:332px; overflow:hidden; position:relative;} .photo .step{ position:absolute; bottom:10px;right:15px; height:23px; z-index:2; color:#fff; font-size:14px; font-weight:bold;vertical-align:middle; cursor:pointer;} .photo .step em{ margin:0 5px;} .photo ul{ float:left; position:absolute;top:0;left:0;2208px;} .photo li{  float:left;  background:#09e;  list-style-type: none; } .photo li img{ display:block;1900px;height: 332px; }

  • 相关阅读:
    Java 发送http post 请求
    经纬度计算
    js cookie操作
    wdatepicker默认时间为当前时间
    基于ssm的poi反射bean实例
    jbox小型交互表单(ajax)
    点击图片查看大图(纯js)
    查询物理表字段(mysql)
    离线安装 Cloudera ( CDH 5.x )(转载)
    sed命令详解 (转载)
  • 原文地址:https://www.cnblogs.com/BoYu045535/p/3577420.html
Copyright © 2011-2022 走看看