`

背景图片大小控制_背景图片缩小

    博客分类：
  • html
 
阅读更多

 

背景图片大小控制_背景图片缩小

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>爱自立，背景图片大小控制</title>
<style type="text/css">
<!--
#div { position: relative; height: 200px; width: 200px;}
#div div{height: 100%;width: 100%;position: absolute;z-index: 9;left: 0px;top: 0px;border: 1px solid #000000}
#div img {margin-top: -25px;margin-left: -50px; position: absolute; left: 50%; top: 50%}
-->
</style>
</head>
<body>
<div id="div">
<img src="http://www.aizili.com/images/logo.gif" width="150" height="80" />
<div>
   <p>
   <a href="http://www.aizili.com">爱自立</a><br />
   bbbbbbbbbbb<br />
   ccccccccccc<br />
   ddddddddddd<br />
   eeeeeeeeeee<br />
   fffffffffff<br />
   ggggggggggg
   </p>
   <p>其实只是用了两个层，形成背景的效果</p>
</div>
</div>
</body>
</html>
分享到：
| (转载)Weblogic 各种版本下载
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    GTK进阶学习：设置窗口背景图(可指定其大小)源代码

    通过以上步骤，你已经掌握了在GTK中设置自定义窗口背景图片的关键技术，可以根据需要调整图片大小以适应窗口尺寸。这将有助于为你的应用程序带来更丰富的视觉体验，提高用户交互性。如果你对GTK或任何相关概念还有...

    VB背景图片缩放

    这段代码会在窗体`Resize`事件触发时，根据当前窗体的大小动态缩放图片。 综上所述，"VB背景图片缩放"涉及到的知识点包括VB窗体操作、图像处理、事件处理、图形绘制以及界面设计。通过这些技术，我们可以创建一个...

    为窗口添加背景图src.zip_MDI_背景 图片_背景图_背景图片

    在实际编程中，你还需要考虑如何处理图片的缩放和拉伸，以适应不同大小的窗口，以及如何在多线程或多进程环境下保证图片资源的安全访问。此外，对于性能优化，可以考虑使用纹理映射或位图刷来提高绘图效率。通过理解...

    jquery自动缩放渐变全屏背景图片代码下载.zip

    在这个“jquery自动缩放渐变全屏背景图片代码下载.zip”压缩包中，我们关注的是一个利用jQuery实现的特殊效果，即全屏背景图片的自动缩放和渐变效果。这个功能通常用于提升网站的视觉吸引力，尤其是在设计现代、简洁...

    背景图片自动调整大小

    通过使用该滤镜，可以实现图片的透明处理，并且根据容器的大小自动缩放图片。 #### 语法详解 使用`AlphaImageLoader`滤镜的基本语法如下： ```css filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( ...

    纯HTML+js实现鼠标滚轮动态调整缩放图片大小

    纯HTML+js实现鼠标滚轮动态调整缩放图片大小 演示效果: https://www.bilibili.com/video/BV1pS4y167wJ/

    CSS3全屏背景图片缩小渐变代码.zip

    2. **背景大小调整**：`background-size`属性允许我们控制背景图片的大小。除了默认值外，还可以设置为百分比、像素值，或者如`cover`或`contain`这样的关键字。在这个例子中，可能使用了`background-size`配合`...

    CSS3鼠标hover背景图片缩放动画效果

    **CSS3鼠标hover背景图片缩放动画效果**是现代网页设计中一种常见的交互技术，它通过CSS3的特性实现背景图片在鼠标悬停时产生平滑的缩放效果，为用户带来更丰富的视觉体验和更直观的交互反馈。在本案例中，当用户将...

    jQuery全屏背景图片无限循环缩放动画特效

    其次，图片的缩放动画则为静态的背景图片增添了动感，随着图片的放大与缩小，用户仿佛置身于一个动态的世界，提高了网页的观赏性和趣味性。 实现这一特效的关键在于jQuery库的运用。jQuery是一个轻量级、高性能的...

    sdi带静态图片.rar_背景图片

    3. **重绘处理**：确保在窗口大小改变时，背景图片也能正确缩放或平铺。这可能需要重载`OnSize()`函数，并在其中重新绘制背景图片。 4. **性能优化**：如果图片较大或数量较多，考虑使用内存DC和位图缓存技术，减少...

    自适应轮播网页全屏背景，根据窗口大小保持背景图片比例。

    标题中的“自适应轮播网页全屏背景”指的是一个能够自动调整大小，根据用户设备或浏览器窗口尺寸保持背景图片比例的网页元素。这种设计可以使网页在各种屏幕尺寸下都保持良好的视觉效果，避免图像因缩放而失真或变形...

    css3系列教程(背景图片背景大小和多背景图).rar

    在“CSS3系列教程(背景图片背景大小和多背景图).doc”文档中，你将找到更详细的步骤和示例代码，学习如何有效地运用这些技术。下载说明.txt可能提供了关于如何获取和使用这些教程的指导，而“A5下载- 更全的站长资源...

    HTML5网页背景自适应缩放代码，背景不随滚动条滚动，会根据分辨率不同自动匹配对应的背景图片，兼容主流浏览器(不兼容IE678）

    这个属性允许我们控制背景图像的尺寸，从而实现自适应缩放。其中，`cover`值是一个常用的选择，它会保持图像的宽高比，使背景图像足够大以完全覆盖元素，但同时又不会超过元素的宽度或高度。这样，无论屏幕大小如何...

    java处理图片大小等比例缩放，自定义修改图片大小，截取,水印

    1. **等比例缩放图片**： 在Java中，我们可以使用`java.awt.image.BufferedImage`类来处理图像。为了等比例缩放图片，我们需要获取原始图片的宽高比，然后根据目标尺寸计算出新的宽高。关键代码可能如下： ```java...

    对C#的树型控件TREEVIEW添加背景图片

    4. **处理缩放**：如果希望背景图片在不同分辨率和缩放比例下仍保持良好的显示效果，可以考虑使用GraphicsUnit.Point单位来绘制图片，并根据控件大小调整图片大小。 5. **使用自定义控件**：在代码中，实例化...

    VC++对话框（CDialog）添加背景图片

    同时，为了适应对话框大小的变化，可能需要在对话框类中添加消息响应函数来处理WM_SIZE消息，以重新调整图片的绘制位置和大小。 最后，确保在项目的资源文件中包含了背景图片（.bmp或.ico格式），并正确设置了资源...

    CSS3全屏背景图片缩小渐变自动切换代码

    对于缩小渐变效果，我们可能需要定义一个动画，比如`shrink-and-fade`，在其中改变背景图片的透明度和缩放比例。 5. **动画应用**：通过`animation`属性，我们可以将之前定义的动画应用到元素上。这包括动画名称、...

    Qt之主窗口背景图片动态拉伸

    // 加载资源文件中的背景图片，并根据当前窗口大小进行缩放 QPixmap pixmap = QPixmap(":/back.png").scaled(this-&gt;size()); // 创建并配置调色板 QPalette palette(this-&gt;palette()); palette.setBrush(this-...

    VB中MDI背景图片更改完美解决

    这种方式可以控制图片的绘制方式，如填充、缩放或保持原比例。 3. **利用透明控件**： 创建一个大小与MDI窗体相同的透明窗体控件，将图片设置为其背景，并将其置于MDI窗体之上。这样，图片看起来就像是MDI窗体的...

    QT好看的背景图片，PYQT界面设计

    5. **响应式设计**：考虑界面在不同分辨率和设备上的表现，可以使用QResizeEvent来监听窗口大小变化，动态调整背景图片的缩放或定位。 6. **图标和资源**：PYQT支持使用QIcon和QResource来管理和显示图标，这对于...

Magicbox
Global site tag (gtag.js) - Google Analytics