如何防止网页的背景图片重复 no-repeat_网页重复背景-程序员宅基地

技术标签: cssBootStrap  

(1)现在一般都用css设定了,比如在一个div下设背景图片切不让其重复,则可设一个样式,比如:
.nobgrepeat{background:url(背景图片地址) left top no-repeat;}


(2)也可以设置背景图片的高宽,要与背景图片的大小一样


注意:但是有时候加了 no-repeate之后,图片就会不见了,这种情况与设置的 left top  位置有关




.xcConfirm .popBox .ttBox {
     width:550px ;
    height: 100px ; line-height : 60px;
    padding: 14px 30px;
    background: url(../images/yezi.png) 35px 20px no-repeat;
   
    }

如果height太小,背景图片后面设置的top太大的话,就会被隐藏在后面,就会看不见




语法: 

background-repeat : repeat | no-repeat | repeat-x | repeat-y 

参数: 

repeat :  背景图像在纵向和横向上平铺
no-repeat :  背景图像不平铺
repeat-x :  背景图像在横向上平铺
repeat-y :  背景图像在纵向平铺 

说明: 

设置或检索对象的背景图像是否及如何铺排。必须先指定对象的背景图像。 
对应的脚本特性为backgroundRepeat。请参阅我编写的其他书目。 

示例: 

menu { background: url("images/aardvark.gif"); background-repeat: repeat-y; } 
p { background: url("images/aardvark.gif"); background-repeat: no-repeat; }





版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_30979185/article/details/70307763

智能推荐

聊一聊计算机中的进制转换(二进制 八进制 十进制 十六进制)以及进制的算术运算-日常学习笔记-程序员宅基地

文章浏览阅读435次,点赞5次,收藏11次。计算机进制转换 以及进制的加减乘除等算术运算

关于电销团队负责人如何挑选外呼系统?_电销团队用的什么电销系统-程序员宅基地

文章浏览阅读1k次。外呼系统包括了外呼功能模块和管理功能模块,旨在帮助企业提升外呼效率、外呼任务管理规范性以及最终的销售转化效率。大多数企业在搭建电销团队的时候都知道应该注意提高效率,以让销售人均产出更高。其实影响人均的产出的因素有很多,如果你是电销团队的负责人,要为呼叫中心选型 ,想知道外呼系统哪家公司做得好,都有哪些优势?那么这篇文章正好可以帮到你。一、外呼功能模块其一是自动外呼,自动外呼就是凭借系统对智能语音机器人的设置,批量对外呼叫客户号码,一边自动筛选客户号码、将拨打情况分类记录,清晰明确,便于跟进,一边将接通的_电销团队用的什么电销系统

易优cms添加发布内容教程_易优cms 投稿-程序员宅基地

文章浏览阅读1.8k次。易优cms添加发布内容快速添加内容只针对文章模型、产品模型、图片模型、下载模型等列表模型有效,其他模型内容编辑修改需要到栏目更改—“内容管理”里编辑;点击发布文档—快捷发布—选择需要添加的栏目,点击下一步即可进入对应内容编辑界面,事先需要先到“管理栏目”中添加或编辑好栏目;添加产品,文档,图集等内容,均包含常规信息、SEO设置、其他设置等基本设置,产品及图集有额外的产品属性及展示图片上传等操作选项..._易优cms 投稿

基于路由和VTI虚拟接口的IPSec实现_vti xfrm-程序员宅基地

文章浏览阅读3.5k次。以下根据strongswan代码中的testing/tests/route-based/rw-shared-vti/中的测试环境,来看一下基于路由和VTI接口的安全连接。拓扑结构如下:拓扑图中使用到的设备包括:虚拟主机carol和dave,以及虚拟网关moon。虚拟主机配置carol的配置文件:/etc/swanctl/swanctl.conf,内容如下。连接home中的字段vips设置为..._vti xfrm

2019年电赛D题《简易电路特性测试仪》全过程-程序员宅基地

文章浏览阅读2.5w次,点赞74次,收藏457次。2019年全国大学生电子设计大赛D题《简易电路特性测试仪》硬件部分及故障分析_简易电路特性测试仪

大话PCIe:BAR空间和TLP_pcie核进行多个bar空间读写-程序员宅基地

文章浏览阅读2.7k次,点赞5次,收藏32次。大话PCIe:BAR空间和TLP。上一篇文章中写到每个PCIe的function都有自己的configuration space,其实就是配置寄存器了(这个当然是要有的了,不然软件要怎么玩?只不过PCIe的配置寄存器要通过tlp才能去访问)。其实PCIe设备是有自己独立的一套内部空间,不仅仅是配置空间,包括每个设备提供哪些I/O地址,memory地址。而BAR(Base Address Regis_pcie核进行多个bar空间读写

随便推点

故障诊断 | CNN卷积神经网络故障诊断(Matlab)_卷积神经网络 实例 故障诊断-程序员宅基地

文章浏览阅读788次,点赞17次,收藏22次。随着工业 4.0 的到来,智能制造和自动化水平不断提高,设备故障诊断已成为工业生产中的关键技术之一。传统故障诊断方法主要依赖于专家经验和手工特征提取,存在主观性强、鲁棒性差等问题。近年来,深度学习技术在图像识别、自然语言处理等领域取得了突破性进展,为故障诊断提供了新的思路。卷积神经网络(Convolutional Neural Network,CNN)是一种深度学习模型,它通过卷积运算和池化操作提取图像中的特征,具有强大的特征学习能力和鲁棒性。_卷积神经网络 实例 故障诊断

第一个C++程序HelloWorld(Visual Studio 2017)_visual studio 第一次helloworld-程序员宅基地

文章浏览阅读1w次。在VS2017中新建一个C++项目:文件->新建->项目->Visual C++->Windows桌面->Windows控制台应用程序->名称和位置->确定。"stdafx.h"头文件全称“StandardApplication Framework Extensions”,指的是标准程序框架的扩展。以下摘自百度百科:预编译头文件通过编译stdafx.cpp生成,以工程名命名_visual studio 第一次helloworld

c语言编程建议和技巧,C语言程序设计学习技巧-程序员宅基地

文章浏览阅读400次。C语言程序设计学习技巧【C语言程序设计上机练习技巧】1.学习编程的秘诀是:编程,编程,再编程!要多上机、进系统练习,不能停留在所谓的复印答案上。不看书是绝对不行的,但光看不练也不行,练习能加深对理论知识的理解。多编几次程序、多几次上机调试,很东西自然而然就懂了、自然而然就记住了。C语言之所以挂科率高,主要的原因还是“平时不学、没有理解和掌握、仅考前1~2周突击死记硬背”——现在考察的是能力,能力的..._c语言技巧

Flutter 新闻客户端 - 08 路由管理 auto_route_flutter auto_route-程序员宅基地

文章浏览阅读2.2k次。B站视频https://www.bilibili.com/video/BV1xf4y1S7Xq本节目标安装插件路由定义自动生成路由控制类转场动画登录检查中间件带参数传递获取返回值正文一些优秀的路由插件fluro前端的使用体验router.navigateTo(context, “/users/1234”, transition: TransitionType.fadeIn);flutter_modular功能强大的路由管理:中间件、懒加载、状态管理、动态路由、分._flutter auto_route

maven deploy时报错_caused by: org.apache.maven.plugin.mojoexecutionex-程序员宅基地

文章浏览阅读3.9w次,点赞6次,收藏18次。今天在发布maven工程的时候,很奇怪,因为在本地package,install等等都没问题,但是打包的时候就是报错,日志如下:[ERROR] Failed to execute goal org.apache.maven.plugins:maven-deploy-plugin:2.7:deploy (default-deploy) on project courier-rapi: Deplo_caused by: org.apache.maven.plugin.mojoexecutionexception: obfuscation faile

vb计算机运算符号优先级,vb运算符的运算顺序是什么-程序员宅基地

文章浏览阅读2.6k次。vb运算符的运算顺序是,首先计算算术运算符,然后计算比较运算符,最后计算逻辑运算符,所有比较运算符的优先级相同,也就是按照从左到右的顺序进行比较运算。VB运算符优先级,是描述在计算机运算计算表达式时执行运算的先后顺序。 先执行具有较高优先级的运算,然后执行较低优先级的运算。 例如,我们常说的先执行相乘和除,再执行加减运算。在一个表达式中可能包含多个有不同运算符连接起来的、具有不同数据类型的数据对象..._vb 操作符优先级

推荐文章

热门文章

相关标签