当前位置：首页 -> 网页设计 -> DREAMWEAVER -> Dreamweaver技巧：朦胧就是美

Dreamweaver技巧：朦胧就是美

时间： 2021-07-31 作者：daque

在网页的图片处置中，半通明是常常要用到的图片功效，它不妨半遮半现地表露图片底下的元素。运用这一点咱们不妨做出很多种功效，比方烟雾功效等。即日在这边就计划怎样在dreamweaver 4中树立和运用这种功效。树立办法： 1. 在dreamweaver 4中式点心“window”→“css styles”(或按键盘的“shift+f11”),调出css styles窗口。 2. 在css styles窗口中，单击右下角的减号，弹出new style窗口。图中的“name”是创造的class的称呼，class名字的方法是 “.xxxxx”（前方确定要有个点）；“type”的右边有三个选项，由上到下辨别是：创造一个class、从新设置标签（网页元素）、采用伪类；“define” 的右边有两个选项：上头指创造外部的css文献（选中这个后，你所创造的css不是嵌入你的网页，而是变成独立的一个css文献，供网页挪用，大网站都是此种做法）；“this document only”是指径直在暂时页中创造css。 3.点“ok”，弹出一个大窗口style definition for .clarity，咱们依照图2树立。在图第22中学，除去*filter外，其余选项不要管它。在*filter右边的下拉菜单中采用alpha。大概你仍旧提防到了图第22中学的这一段代码“alpha(opacity=?, finishopacity=?, style=?, startx=?, starty=?, finishx=?, finishy=?)” 内里有很多问号，那些须要咱们用参数来包办它们：（1） “opacity”代办通明度程度。它的范畴是0～100，本来即是百分比的道理。即使想变为全通明，就用0包办opacity反面的问号；（2） “finishopacity”是用来指定中断时的通明度。其范畴跟opacity一律（finishopacity为可选参数，不想要的话不妨去掉它。）；（3） “style”是指定通明地区的形势特性。0代办一致形势，1代办线形，2代办喷射形，3代办矩形形；（4） “startx”与”starty”代办突变功效发端的x与y坐标。普遍咱们树立为startx=0, starty=0（如许表白通明功效是从图片的左上角发端）；（5） “finishx”与“finishy”代办突变功效中断时的横横坐标。这边很要害，填什么数值那就要看你的图片的高与宽了，假如咱们的图片高与宽辨别是100、200像素，那么就不妨写成finishx=200， finishy=100。（即使你只想要一半的表面积是通明，那么不妨树立成finishx=100， finishy=50）。树立好那些参数后，就点击“ok”。树立的办法到此就算实行了。运用办法： 1. 在dreamweaver 4中插入一图，假如其像素高为100，宽为200（为了能看到功效，这边把网页的后台设为鲜红。 2. 再次调出css styles窗口（拜见树立办法），在css styles窗口中，该当有个clarity， 3. 选中方才插入的图，用鼠标单击“clarity”。 4. 到这边就大功成功了。你不妨按键盘的 f12来预览一下。（提防，这种殊效在编纂状况下是不看来的，确定要在预览状况下才看来。）

Dreamweaver技巧：朦胧就是美

相关推荐

推荐下载

热门阅览

最新排行