30
2013
11

Jquery和CSS使背景图片自动适应大小

对于一些设置北京图片时,常常会不能自动适应屏幕大小,搜索后找到一个方法: 

<!DOCTYPE html>
<html>   
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>
            Jquery和CSS使背景图片自动适应大小
        </title>
        <style type="text/css">
            .slideContent { width:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/da.jpg',
            sizingMethod='scale'); -moz-background-size:100% 100%; background-size:100%
            100%; }
        </style>
        <script type="text/javascript" src="js/jquery-1.4.4.min.js">
        </script>
        <script type="text/javascript">
            $(function() {
                cover();
                $(window).resize(function() {
                    cover();
                });
            });
            function cover() {
                var h = $(window).height();
                var w = $(window).width();
                $(".slideContent").height(h);
                $(".slideContent").width(w);
            }
        </script>
       
        <body>
            <div class="slideContent">
            </div>
        </body>
</html>

29
2013
09

Web前端学习笔记(CSS固定宽度布局)

网上看到一篇文章,很不错,分享一下:

一、单列布局:

25
2012
06

DIV+CSS技术是否适合中国中小网站


  由于本人才疏学浅,对DIV+CSS也没有深入彻底研究透,只是凭自己的一点认识而写,希望高手不要扔砖。
  废话少说,直接进行正题。
  现在全国大大小小的网站都在搞一场技术“革命”,就是所谓“网站重构”,说简单点就是DIV+CSS进行网站制作。用DIV+CSS代替传统的Table制作框架和美化页面。
  在重构之前,肯定要了解为什么重构,为什么要用DIV+CSS技术?了解了这个问题,那么大家才有使用此技术重构网站的动力。各大CSS学习网站和教程无一例外都会列举出以下使用DIV+CSS的好处:
...

«1»