我想创建一个HTML页面滑块,所以我有我的容器div,然后坐在外面,在左边我有一个Previous图标和右侧我有一个下一个图标。位置2箭头固定到CSS页面容器的外部 - 屏幕大小

我的问题是,当我将窗口调整为较小的屏幕时,图标会移动到容器的中心,我希望它们在调整大小时始终保持位置固定在容器的外部。

我的容器代码: -

width: 960px;

margin: 0 auto;

clear: both;

overflow: hidden;

min-height: 449px;

下一个和以前的代码:

a.vehicleSliderLeft {background: url('../img/slider_arrow_left.png');

width: 55px; height: 112px; left: 270px; background-position:0px;

background-repeat: no-repeat; position: fixed; top: 420px;}

a.vehicleSliderRight {background: url('../img/slider_arrow_right.png');

width: 55px; height: 112px; right: 270px; background-position:0px;

background-repeat: no-repeat; position: fixed; top: 420px;}

任何想法?欢呼声

2012-12-03

John

css屏幕大小的容器,位置2箭头固定到CSS页面容器的外部 - 屏幕大小相关推荐

  1. python创建画布大小_要绘制图形,首先需要显示画布,并设置画布的大小。其中turtle.setup()函数可以显示画布,并设置画布的大小,及画布在屏幕上的相对位置。_学小易找答案...

    [简答题]大脑左半球: [其它]11- 15 [简答题]音乐教育能 [单选题]177. 下列哪种方法不属于机械清蜡方法?( ) [判断题]审美价值的特性--精神性. [单选题]168. 储层改造技术也 ...

  2. chrome怎样编辑html页面大小,使用Chrome DevTools实时编辑HTML和CSS

    我们来看看Chrome DevTools中的便捷实时编辑功能,以及它如何帮助您调试HTML和CSS,使您的前端更流畅. Chrome DevTools是一款内置于Chrome浏览器中的强大的Web开发 ...

  3. CSS的元素显示模式、盒子模型、背景(颜色、图片、平铺、图片位置、图像固定)

    文章目录 1.CSS的元素显示模式 1.1 什么是元素显示模式 1.2 块元素 1.3 行内元素 1.4 行内块元素 1.5 元素显示模式总结 1.6 元素显示模式转换 2.盒子模型:网页布局的基础 ...

  4. matplotlib绘制图表,设置刻度标签、最大最小刻度、字体大小,label位置、刻度轴箭头等

    matplotlib绘制图表,设置刻度标签.最大最小刻度.字体大小,label位置.刻度轴箭头等 1. 效果图 2. 源码 2.1 仅使用普通轴ax + fontdict 源码 2.2 使用mpl设置 ...

  5. css画横线箭头_用CSS绘制三角形箭头

    用CSS绘制三角形箭头.使用纯CSS,你只需要很少的代码就可以创作出各种浏览器都兼容的三角形箭头! CSS代码:/* create an arrow that points up */ div.arr ...

  6. [原创] CSS自定义IOS苹果,Android安卓的CheckBox 效果,可以根据文字大小变化而变化,内框显示文字,另外可自定大小,自定颜色...

    在经过对网上一些自定CheckBox的一番研究之后,现在综合讲一下该样式实现的技巧. 先上图: 图中已展示了多种样式,实现的原理很简单,一个外Box,一个内Box,外Box显示背景色,内Box显示白色 ...

  7. 外链式样式表_引入CSS样式表(书写位置)

    CSS初识 CSS(Cascading Style Sheets) 美化样式 CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片 ...

  8. Android设置SurfaceView任意大小、任意位置、保持预览宽高比与屏显一致

    一.任意大小.任意位置 1) 代码 public void init() {// FrameLayoutViewGroup.LayoutParams framelayout_params =new V ...

  9. android surfaceview 大小,Android设置SurfaceView任意大小、任意位置、保持预览宽高比与屏...

    Android设置SurfaceView任意大小.任意位置.保持预览宽高比与屏 Android设置SurfaceView任意大小.任意位置.保持预览宽高比与屏显一致 一.任意大小.任意位置 1) 代码 ...

最新文章

  1. 学校工作必备ASP程序
  2. python推荐书-Python 阅读书目推荐
  3. 在centOS上搭建wordpress博客系统
  4. 查看命令为内置命令还是外部命令
  5. Everything is Serverless,从开源框架对比说起
  6. 微课|中学生可以这样学Python(例11.3):tkinter通信录管理系统4
  7. php git server,server.php
  8. 企业大数据分析平台如何构建
  9. Linux 如何对http服务器进行压力测试
  10. dell重装系统后找不到无线网卡驱动
  11. CME ERROR错误代码列表
  12. BUU-CRYPTO1密码学小白 25道入门题 详细解题思路
  13. Python爬虫-关于HTPP请求方法有哪些
  14. python str怎么用_python的str函数怎么使用
  15. 怎么知道跟交换机互联的交换机_电话交换机日常怎么维护和保养?
  16. AT24C256读取数据
  17. 8086的两种工作模式_8086有哪两种工作模式?其主要区别是什么?
  18. A005-AS项目结构解析
  19. python编程<十三>
  20. JavaScript,switch 语句查询水果价格案例

热门文章

  1. python设计模式整理
  2. python之简单的get和post请求
  3. matlab交流电源并联,交流电路串联谐振和并联谐振的仿真分析
  4. Php中方法作用域,PHP 函数(下):匿名函数和作用域
  5. gogs mysql 报错_docker上对gogs二次开发
  6. vue如何使用原生js写动画效果_原生js写一个无缝轮播图插件(支持vue)
  7. IPC进程间通信 D-Bus(Desktop Bus)快速入门(以libdbus-glib库为例)
  8. pycharm更换源(换源)(镜像源)
  9. PyQt5基础——3
  10. 初学__Python——Python数据类型之字符串