来自clagnut的投影方法

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>来自clagnut的投影方法</title>
    <style>
        .img-wrapper{
            background: url(img/shadow.gif) no-repeat bottom right;
            float: left;
            line-height: 0px;
        }

        .img-wrapper img{
            background-color: #fff;
            border: 1px solid #a9a9a9;
            padding: 4px;
            position: relative;
            left: -5px;
            top: -5px;
        }
    </style>
</head>
<body>
<div class="img-wrapper">
    <img src="img/dunstan.jpg" alt="Dunstan Orchard"/>
</div>
</body>
</html>

思想就是:采用负值的left与top值,让图片向上和向左偏移,使得投影出现.

而且一个很巧妙的地方就是,利用line-height:0;使得投影跟边框重叠在一起,所以投影不会出现在边框下面.

时间: 2024-10-12 23:24:15

来自clagnut的投影方法的相关文章

解决C#导出excel异常来自 HRESULT:0x800A03EC的方法 .

解决C#导出excel异常来自 HRESULT:0x800A03EC的方法 . xlBook.SaveAs(FilePath,Microsoft.Office.Interop.Excel.XlFileFormat.xlExcel8, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Excel.XlSaveAsAccessMode.xlNoChange, Type.Missing, Type.Missing, Type.Missing

NET3.5中的扩展方法,DEMO直接通过IEnumerable&lt;T&gt;来自定义调用过滤方法

namespace ConsoleApplication2{ public static class Filter { public static IEnumerable<string> ForUser(this IEnumerable<string> qry, string userName) { return from a in qry where a.Contains(userName.ToLower()) select a; } /// <summary> //

php中接收参数,不论是来自GET还是POST方法

不多说,直接上代码, 其实也就是先用GET的方法去获取,如果值为空,在用POST方法去获取 写下来是为了方便和备忘 function getParam($str){       if ( isset($_GET[$str]) )              $t_Val = trim($_GET[$str]);      else if ( isset($_POST[$str]))            $t_Val = trim($_POST[$pi_strName]); return $t_V

给网页添加背景图像总结

1.固定宽度和可变宽度的圆角框 方法一:适用于新型浏览器,直接用border-radius属性 方法二:适用于旧版浏览器,IE6等 对于固定宽度圆角框,需要有两个图像,一个图像用于框的顶部,一个用于框的底部. 对于可变宽度圆角框,需用到滑动门技术(随着框尺寸的增加,大图像有更多的部分显露出来,这样就实现了框扩展的效果),这个方法需用到四个图像(top-left,top-right,bottom-left,bottom-right),bottom-left应用于主框div,bottom-right

C#复习笔记(4)--C#3:革新写代码的方式(扩展方法)

扩展方法 扩展方法有以下几个需求: 你想为一个类型添加一些 成员: 你不需要为类型的实例添加任何更多的数据: 你不能改变类型本身, 因为是别人的代码. 对于C#1和C#2中的静态方法,扩展方法是一种更优雅的解决方案. 语法 并不是任何方法都能作为扩展方法使用-- 它必须具有以下特征: 它必须在一个非嵌套的. 非泛型的静态类中( 所以必须是一 个静态方法): 它至少要有 一个参数: 第一个参数必须附加 this 关键字作为前缀: 第一个参数不能有其他任何修饰 符(比如out或ref): 第一个参数

异常来自 HRESULT:0x800A01A8

Windows 10 Enterprise Microsoft Office 2013 – Excel Oracle BI Publisher Desktop 11.1.1.7 异常来自 HRESULT:0x800A01A8 处理方法: 1.  运行  dcomcnfg.exe 2.  组件服务 –> 计算机 –> 我的电脑 –> DCOM配置

地图投影系列介绍(四)----投影坐标系

4.4 我国常用地图投影  我国基本比例尺地形图(1:100万.1:50万.1:25万.1:10万.1:5万.1:2.5万.1:1万.1:5000)除1:100万以外均采用高斯-克吕格Gauss-Kruger投影(横轴等角切圆柱投影,又叫横轴墨卡托Transverse Mercator投影)为地理基础.  1:100万地形图采用兰伯特Lambert投影(正轴等角割圆锥投影),其分幅原则与国际地理学会规定的全球统一使用的国际百万分之一地图投影保持一致.  海上小于50万的地形图多用墨卡托Me

7种方法解决移动端Retina屏幕1px边框问题

在Reina(视网膜)屏幕的手机上,使用CSS设置的1px的边框实际会比视觉稿粗很多.在之前的项目中,UI告诉我说我们移动项目中的边框全部都变粗了,UI把他的设计稿跟我的屏幕截图跟我看,居然真的不一样.没有办法,只有在后面的版本中去修改了,但是要改的话,需要知道是为什么.所以查了很多资料,终于搞懂了这个问题,并且总结了几种方法. 造成边框变粗的原因 其实这个原因很简单,因为css中的1px并不等于移动设备的1px,这些由于不同的手机有不同的像素密度.在window对象中有一个devicePixe

新颖训练方法——用迭代投影算法训练神经网络

作者介绍:Jesse Clark 研究相位恢复的物理学家.数据科学家,有着丰富的建设网站与设计手机应用的经验,在创业公司有着丰富的经验,对创业有着极大的热情. Github: https://github.com/jn2clark Linkedin:http://www.linkedin.com/in/j3ss3cl4rk 相位恢复(PR)关心的是在给定幅度信息以及受到实空间限制下,找到复值函数(通常在傅立叶空间中)的相位[1]. PR是一个非凸优化问题,已经成为大量工作[1,2,3,4,5,6